:root{--navy:#0a1628;--navy-soft:#0d1d34;--navy-deep:#060e1c;--orange:#1e4fa0;--orange-dark:#143b7d;--orange-light:#3d7bdb;--accent:#2a9fd8;--accent-dark:#1e86c8;--accent-glow:#2a9fd859;--brand-gradient:linear-gradient(135deg, #2a5fc7 0%, #1e4fa0 55%, #143b7d 100%);--accent-gradient:linear-gradient(135deg, #4db8e8 0%, #2a9fd8 60%, #1e86c8 100%);--white:#fff;--grey:#f5f6fa;--green:#00b67a;--green-dark:#008a5c;--border:#e4e8f0;--muted:#6b7686;--body-text:#444e5e;--navy-light:#b9c2d0;--glass-bg:#0a1628b8;--glass-border:#ffffff14;--card-shadow:0 4px 24px #0a16280f;--card-shadow-hover:0 20px 48px #0a162824;--section-gap:clamp(64px, 8vw, 100px)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--white);margin:0;padding:0}body{color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}#root{overflow-x:hidden}input,select,button,textarea{font-family:Inter,sans-serif}h1,h2,h3{font-family:Poppins,sans-serif}a{-webkit-tap-highlight-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes floatPulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.02)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:none}.btn{cursor:pointer;text-align:center;border:none;border-radius:12px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.btn-orange{background:var(--accent-gradient);color:var(--white);box-shadow:0 6px 20px var(--accent-glow)}.btn-orange:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 12px 32px #2a9fd866}.btn-orange:active{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-outline{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:2px solid #ffffff40}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#2a9fd814;transform:translateY(-3px)}.pathway-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s}.pathway-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0a162824}.pathway-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pathway-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;display:-webkit-box;overflow:hidden}.nav-link{color:#f5f6fa;white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);border-radius:1px;width:0;height:2px;transition:width .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{width:100%}.courses-dropdown-link{transition:all .2s cubic-bezier(.16,1,.3,1)}.courses-dropdown-link:hover{background:#2a9fd814;transform:translate(4px);color:var(--accent)!important}.footer-link{color:var(--navy-light);font-size:14px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.footer-link:hover{color:var(--accent);transform:translate(2px)}.option-card{border:2px solid var(--border);cursor:pointer;text-align:center;background:var(--white);border-radius:14px;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.option-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 28px #2a9fd81f}.option-card.selected{border-color:var(--accent);background:#2a9fd80f;box-shadow:0 0 0 3px #2a9fd826}.cscs-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.cscs-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px #0a16282e}.course-card-lift{transition:all .3s cubic-bezier(.16,1,.3,1)}.course-card-lift:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)!important;border-color:var(--accent)!important}.course-card-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-block}.course-card-lift:hover .course-card-arrow{transform:translate(6px)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.course-grid-item{animation:.5s both fadeInUp;animation-delay:var(--stagger-delay,0s)}@media (prefers-reduced-motion:reduce){.course-grid-item,.reveal{opacity:1;transition:none;animation:none;transform:none}}.input-field{border:2px solid var(--border);color:var(--navy);background:var(--white);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .25s cubic-bezier(.16,1,.3,1)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2a9fd81f}.input-field::placeholder{color:#9aa3b0}.whatsapp-float{animation:3s ease-in-out infinite floatPulse;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.whatsapp-float:hover{background:#009e6a!important;transform:translateY(-4px)scale(1.05)!important;box-shadow:0 8px 32px #00b67a80!important}.nav-desktop{align-items:center;gap:26px;display:flex}.nav-toggle,.nav-mobile-panel{display:none}.faq-answer{transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s;overflow:hidden}.filter-pill{border:2px solid var(--border);background:var(--white);color:var(--navy);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{border-color:var(--accent);color:var(--accent);background:#2a9fd81a}.section-gradient-top{position:relative}.section-gradient-top:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-shadow);background:#fffffff2;border:1px solid #e4e8f099;border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:var(--card-shadow-hover)}@media (width<=860px){.nav-desktop{display:none}.nav-toggle,.nav-mobile-panel.is-open{display:flex}.courses-layout{grid-template-columns:1fr!important}.filter-sidebar{display:none!important}.mobile-filter-toggle{display:block!important}.course-detail-layout{grid-template-columns:1fr!important}.booking-sidebar{position:static!important}.curriculum-row{grid-template-columns:1fr!important;gap:4px!important}.course-grid{grid-template-columns:1fr}}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--accent);color:var(--white);border-radius:0 0 8px 8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:0}@media print{nav,footer,.whatsapp-float,.nav-toggle,.nav-mobile-panel,button,[role=dialog]{display:none!important}body{color:#000;background:#fff;font-size:12pt}*{box-shadow:none!important;text-shadow:none!important}a{color:#000;text-decoration:underline}}