:root{--bg:#11161b;--surface:#182027;--surface-dark:#0e1216;--accent:#7cb1b1;--text-main:#e8eaf2;--text-muted:#8b90a8;--border:#7cb1b126;--font-stack:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text-main);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{min-height:100vh}.wireframe-page{flex-direction:column;width:100%;display:flex}.wireframe-block{border:1px solid var(--border);box-sizing:border-box}.wireframe-label{color:var(--accent);letter-spacing:.02em;text-align:center;font-size:.95rem;font-weight:700}.wireframe-inner{justify-content:center;align-items:center;min-height:100%;padding:1.25rem;display:flex}.segment-header{background:var(--surface-dark);align-items:stretch;gap:1rem;height:70px;padding:0 1.5rem;display:flex}.segment-header__brand,.segment-header__nav{border:1px solid var(--border);box-sizing:border-box;background:var(--surface);flex:1;justify-content:center;align-items:center;display:flex}.segment-header__brand{max-width:220px}.segment-header__nav{flex:2}.segment-hero{background:var(--bg);padding:4rem 1.5rem}.segment-hero__grid{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.segment-hero__col{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;min-height:280px}.segment-metrics{background:var(--surface);padding:1.5rem}.segment-metrics__row{gap:1rem;max-width:1200px;margin:0 auto;display:flex}.segment-metrics__col{background:var(--surface-dark);border:1px solid var(--border);box-sizing:border-box;flex:1;min-height:100px}.segment-courses{background:var(--bg);padding:4rem 1.5rem}.segment-courses__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;display:grid}.segment-courses__card{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;min-height:160px}.segment-resources{background:var(--surface-dark);padding:3rem 1.5rem}.segment-resources__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;display:grid}.segment-resources__card{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;min-height:200px}.segment-testimonials{background:var(--bg);padding:3rem 1.5rem}.segment-testimonials__row{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;display:grid}.segment-testimonials__card{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;min-height:140px}.segment-features{background:var(--surface);padding:3rem 1.5rem}.segment-features__stack{flex-direction:column;gap:.75rem;max-width:720px;margin:0 auto;display:flex}.segment-features__item{background:var(--surface-dark);border:1px solid var(--border);box-sizing:border-box;min-height:52px}.segment-social{background:var(--surface-dark);padding:1.5rem}.segment-social__row{gap:1rem;max-width:1200px;margin:0 auto;display:flex}.segment-social__col{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;flex:1;min-height:90px}.segment-media{background:var(--bg);padding:3rem 1.5rem}.segment-media__grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:0 auto;display:grid}.segment-media__item{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;min-height:130px}.segment-footer-zone{background:var(--surface);padding:3rem 1.5rem 0}.segment-footer-zone__cta{background:var(--surface-dark);border:1px solid var(--border);box-sizing:border-box;max-width:1200px;min-height:180px;margin:0 auto 2rem}.segment-footer-zone__links{background:var(--surface-dark);border:1px solid var(--border);box-sizing:border-box;max-width:1200px;min-height:160px;margin:0 auto;padding:1.5rem}@media (width<=900px){.segment-hero__grid,.segment-courses__grid,.segment-resources__grid,.segment-testimonials__row,.segment-media__grid{grid-template-columns:1fr}.segment-metrics__row,.segment-social__row{flex-direction:column}.segment-header__brand{max-width:none}}.navbar-container{background-color:var(--surface-dark);border-bottom:1px solid var(--border);box-sizing:border-box;z-index:100;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 40px;display:flex;position:relative}.navbar-brand{color:var(--text-main);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:24px}.navbar-links>li{color:var(--text-main);cursor:pointer;padding:24px 0;font-size:15px;font-weight:500;transition:color .2s;position:relative}.navbar-links>li:hover{color:var(--accent)}.dropdown-menu{background-color:var(--surface);border:1px solid var(--border);opacity:0;visibility:hidden;border-radius:6px;flex-direction:column;min-width:220px;margin:0;padding:8px 0;list-style:none;transition:all .2s;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px #00000080}.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-menu li{color:var(--text-muted);white-space:nowrap;padding:10px 20px;font-size:14px;transition:all .2s}.dropdown-menu li:hover{background-color:var(--surface-dark);color:var(--accent)}.navbar-action button{background-color:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:opacity .2s}.navbar-action button:hover{opacity:.9}.hero-container{background-color:var(--bg);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:0 5%;display:flex}.hero-content{flex-direction:column;flex:1;gap:24px;max-width:600px;display:flex}.hero-content h1{color:var(--text-main);letter-spacing:-1px;margin:0;font-size:56px;font-weight:800;line-height:1.1}.hero-content h1 .highlight{color:var(--accent)}.hero-content p{color:var(--text-muted);max-width:90%;margin:0;font-size:18px;line-height:1.6}.hero-buttons{gap:16px;margin-top:12px;display:flex}.hero-buttons button{cursor:pointer;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--accent);color:#000;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 15px #7cb1b166}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background-color:#7cb1b10d}.hero-visual{flex:1;justify-content:flex-end;align-items:center;display:flex}.mock-player{aspect-ratio:16/9;background-color:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:550px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.mock-player:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;background-size:40px 40px;position:absolute;inset:0}.play-button-wireframe{border:2px solid var(--accent);width:64px;height:64px;color:var(--accent);z-index:2;background-color:#7cb1b11a;border-radius:50%;justify-content:center;align-items:center;padding-left:4px;font-size:24px;transition:transform .3s;display:flex}.mock-player:hover .play-button-wireframe{transform:scale(1.1)}.metrics-container{background-color:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-sizing:border-box;justify-content:space-around;align-items:center;width:100%;padding:40px 5%;display:flex}.metric-item{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.metric-item h3{color:var(--accent);letter-spacing:-1px;margin:0;font-size:48px;font-weight:800;line-height:1}.metric-item p{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.resources-container{background-color:var(--surface-dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:80px 5%;display:flex}.resources-header{text-align:center;margin-bottom:56px}.resources-header h2{color:var(--text-main);letter-spacing:-.5px;margin:0 0 12px;font-size:36px;font-weight:700}.resources-header p{color:var(--text-muted);margin:0;font-size:16px}.resources-grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1100px;display:grid}.resource-card{background-color:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:40px 32px;transition:transform .3s,box-shadow .3s;display:flex}.resource-card:hover{border-color:#7cb1b14d;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.resource-card h3{color:var(--text-main);margin:0 0 16px;font-size:22px;font-weight:600;line-height:1.3}.card-divider{background-color:var(--accent);width:24px;height:2px;margin:0 auto 20px}.resource-card p{color:var(--text-muted);flex-grow:1;margin:0;font-size:15px;line-height:1.6}.btn-outline{color:var(--text-main);border:1px solid var(--text-main);cursor:pointer;background-color:#0000;border-radius:20px;margin-top:24px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s}.btn-outline:hover{background-color:var(--text-main);color:var(--bg)}.courses-container{background-color:var(--bg);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:80px 5%;display:flex}.section-header{justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto 48px;padding:0 5%;display:flex;position:relative}.section-header-text{text-align:center}.section-header h2{color:var(--text-main);letter-spacing:-.5px;margin:0 0 12px;font-size:36px;font-weight:700}.section-header p{color:var(--text-muted);margin:0;font-size:16px}.header-actions{gap:12px;display:flex;position:absolute;right:5%}@media (width<=768px){.header-actions{display:none}}.nav-arrow-btn{background-color:var(--surface-dark);border:1px solid var(--border);width:44px;height:44px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-arrow-btn:hover{background-color:var(--accent);color:#000;border-color:var(--accent)}.embla-viewport{width:100%;overflow:hidden}.embla-container{touch-action:pan-y;flex-direction:row;padding-top:15px;padding-bottom:40px;display:flex}.course-slide{backface-visibility:hidden;flex:0 0 33.333%;min-width:340px;padding-left:24px;transform:translate(0,0)}.course-card{background-color:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;height:100%;padding:32px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.course-slide.is-obscured .course-card{filter:blur(4px);opacity:.4;pointer-events:none;transform:scale(.98)}@media (width<=1024px){.course-slide{flex:0 0 50%}}@media (width<=768px){.course-slide{flex:0 0 90%}}.course-card:before{content:"";background-color:#0000;width:100%;height:3px;transition:background-color .3s;position:absolute;top:0;left:0}.course-card:hover{border-color:#7cb1b166;transform:translateY(-5px);box-shadow:0 15px 30px #0006}.course-card:hover:before{background-color:var(--accent)}.card-badge{color:var(--accent);text-transform:uppercase;letter-spacing:1px;background-color:#7cb1b11a;border-radius:12px;align-self:flex-start;margin-bottom:20px;padding:4px 10px;font-size:11px;font-weight:700}.course-card h3{color:var(--text-main);margin:0 0 8px;font-size:22px;font-weight:600}.course-card p{color:var(--text-muted);flex-grow:1;margin:0 0 32px;font-size:14px;line-height:1.5}.card-footer{color:var(--text-main);font-size:14px;font-weight:600;transition:color .2s}.course-card:hover .card-footer{color:var(--accent)}.features-container{background-color:var(--bg);flex-direction:column;align-items:center;width:100%;padding:80px 5%;display:flex}.features-header{text-align:center;margin-bottom:64px}.features-header h2{color:var(--text-main);margin:0 0 12px;font-size:36px;font-weight:700}.features-header p{color:var(--text-muted);font-size:16px}.timeline-wrapper{flex-direction:column;gap:24px;width:100%;max-width:800px;display:flex;position:relative}.timeline-wrapper:before{content:"";background-color:var(--border);z-index:1;width:2px;position:absolute;top:10px;bottom:10px;left:24px}.timeline-item{z-index:2;align-items:center;gap:32px;display:flex;position:relative}.timeline-node{background-color:var(--surface-dark);border:2px solid var(--accent);width:48px;height:48px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 15px #7cb1b11a}.timeline-content{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;flex-grow:1;padding:24px 32px;transition:transform .2s,border-color .2s}.timeline-content:hover{border-color:#7cb1b166;transform:translate(5px)}.timeline-item:hover .timeline-node{background-color:var(--accent);color:#000;box-shadow:0 0 20px #7cb1b166}.timeline-content h3{color:var(--text-main);margin:0 0 8px;font-size:20px;font-weight:600}.timeline-content p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.5}@media (width<=600px){.timeline-wrapper:before{left:20px}.timeline-node{width:40px;height:40px;font-size:16px}.timeline-item{gap:16px}.timeline-content{padding:16px 20px}}.testimonials-container{background-color:var(--bg);flex-direction:column;align-items:center;width:100%;padding:80px 5%;display:flex}.testimonials-header{text-align:left;justify-content:space-between;align-items:flex-end;width:100%;max-width:1200px;margin:0 auto 48px;padding:0 5%;display:flex}.testimonials-header h2{color:var(--text-main);letter-spacing:-.5px;margin:0 0 8px;font-size:36px;font-weight:700}.testimonials-header p{color:var(--text-muted);margin:0;font-size:16px}.testimonial-card{box-sizing:border-box;backface-visibility:hidden;background-color:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:0 0 calc(33.333% - 21px);min-width:0;margin-right:32px;padding:40px 32px 32px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}@media (width<=1024px){.testimonial-card{flex:0 0 calc(50% - 16px)}}@media (width<=768px){.testimonial-card{flex:0 0 90%}}.testimonial-card.is-obscured{filter:blur(4px);opacity:.4;pointer-events:none;transform:scale(.98)}.testimonial-card:hover{border-color:#7cb1b14d;transform:translateY(-5px)}.quote-mark{color:var(--accent);opacity:.05;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:120px;line-height:1;position:absolute;top:-20px;left:20px}.testimonial-text{color:var(--text-main);z-index:2;flex-grow:1;margin:0 0 32px;font-size:15px;line-height:1.7;position:relative}.student-info{border-top:1px solid var(--border);z-index:2;padding-top:20px;position:relative}.student-info h4{color:var(--text-main);margin:0 0 4px;font-size:18px;font-weight:600}.school-name{color:var(--text-muted);margin:0 0 8px;font-size:13px}.grade-badge{color:var(--accent);text-transform:uppercase;letter-spacing:1px;background-color:#7cb1b11a;border-radius:12px;margin:0;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.media-section-container{background-color:var(--bg);flex-direction:column;align-items:center;width:100%;padding:80px 5%;display:flex}.platform-metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin-bottom:80px;display:grid}.platform-metric-card{background-color:var(--surface-dark);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;padding:40px 24px;display:flex}.platform-metric-card h3{color:var(--text-main);letter-spacing:-1px;margin:0 0 8px;font-size:48px;font-weight:800}.platform-metric-card p{color:var(--accent);letter-spacing:1.5px;margin:0;font-size:12px;font-weight:700}.media-showcase-header{text-align:center;margin-bottom:48px}.media-showcase-header h2{color:var(--text-main);margin:0 0 12px;font-size:36px;font-weight:700}.media-showcase-header p{color:var(--text-muted);margin:0;font-size:16px}.media-video-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin-bottom:48px;display:grid}.media-video-card{aspect-ratio:16/9;background-color:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.video-placeholder-bg{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.15;background-size:30px 30px;transition:opacity .3s;position:absolute;inset:0}.play-icon-wrapper{border:2px solid var(--accent);width:64px;height:64px;color:var(--accent);z-index:2;background-color:#7cb1b11a;border-radius:50%;justify-content:center;align-items:center;padding-left:4px;transition:all .3s;display:flex}.video-card-overlay{z-index:2;background-color:#000c;border-radius:4px;padding:4px 8px;position:absolute;bottom:12px;right:12px}.video-duration{color:#fff;font-size:12px;font-weight:600}.media-video-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 15px 30px #0006}.media-video-card:hover .video-placeholder-bg{opacity:.3}.media-video-card:hover .play-icon-wrapper{background-color:var(--accent);color:#000;transform:scale(1.1)}.btn-youtube-subscribe{color:var(--text-main);border:1px solid var(--text-main);cursor:pointer;background-color:#0000;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .2s}.btn-youtube-subscribe:hover{background-color:var(--text-main);color:var(--bg)}@media (width<=900px){.platform-metrics-grid,.media-video-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.platform-metrics-grid,.media-video-grid{grid-template-columns:1fr}}.site-footer-container{background-color:var(--surface-dark);border-top:1px solid var(--border);flex-direction:column;align-items:center;width:100%;padding-top:80px;display:flex}.cta-banner{background-color:var(--surface);border:1px solid var(--accent);border-radius:16px;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin-bottom:80px;padding:48px 5%;display:flex;box-shadow:0 10px 40px #7cb1b11a}.cta-content{max-width:60%}.cta-content h2{color:var(--text-main);letter-spacing:-.5px;margin:0 0 16px;font-size:32px;font-weight:700}.cta-content p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.5}.cta-actions{gap:16px;display:flex}.btn-primary{background-color:var(--accent);color:#000;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s}.btn-primary:hover{background-color:#fff;transform:translateY(-2px)}.btn-outline-light{color:var(--text-main);border:1px solid var(--text-main);cursor:pointer;background-color:#0000;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s}.btn-outline-light:hover{background-color:var(--text-main);color:var(--bg)}.footer-directory{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;width:100%;max-width:1200px;padding:0 5% 64px;display:grid}.footer-brand{color:var(--text-main);letter-spacing:-1px;margin:0 0 16px;font-size:24px;font-weight:800}.footer-brand span{color:var(--accent)}.brand-desc{color:var(--text-muted);max-width:80%;margin:0 0 24px;font-size:14px;line-height:1.6}.social-links{gap:16px;display:flex}.social-links a{color:var(--text-muted);transition:color .2s}.social-links a:hover{color:var(--accent)}.footer-col h4{color:var(--text-main);margin:0 0 24px;font-size:16px;font-weight:600}.footer-col ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-col a,.contact-col li{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.footer-col a:hover{color:var(--accent)}.footer-copyright{text-align:center;border-top:1px solid var(--border);width:100%;color:var(--text-muted);background-color:var(--bg);padding:24px 5%;font-size:13px}@media (width<=960px){.cta-banner{text-align:center;flex-direction:column;gap:32px}.cta-content{max-width:100%}.footer-directory{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.footer-directory{grid-template-columns:1fr}.brand-desc{max-width:100%}}.physics-hub-container,.maths-hub-container,.robotics-hub-container{background-color:var(--bg);min-height:100vh;color:var(--text-main);flex-direction:column;padding-top:20px;display:flex}.countdown-pill{border:1px solid var(--accent);background-color:#0000;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.countdown-icon{color:var(--accent)}.countdown-text{color:var(--text-main);letter-spacing:.5px;font-size:13px;font-weight:700}.countdown-pill:hover{background-color:#7cb1b11a;box-shadow:0 0 10px #7cb1b133}.hub-header{background-color:var(--surface-dark);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 5%;display:flex}.hub-breadcrumb{font-size:14px;font-weight:600}.hub-breadcrumb .text-muted{color:var(--text-muted)}.hub-breadcrumb .text-active{color:var(--accent)}.hub-controls{align-items:center;gap:24px;display:flex}.level-selector{background-color:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:border-color .2s;display:flex}.level-selector:hover{border-color:var(--accent)}.progress-pill{background-color:#7cb1b11a;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex}.progress-track{background-color:var(--surface);border-radius:3px;width:100px;height:6px;overflow:hidden}.progress-fill{background-color:var(--accent);height:100%}.progress-text{color:var(--accent);font-size:12px;font-weight:700}.hub-body{flex-grow:1;display:flex}.hub-sidebar{background-color:var(--surface-dark);border-right:1px solid var(--border);flex-shrink:0;width:280px;padding:32px 0}.sidebar-nav{flex-direction:column;gap:8px;padding:0 16px;display:flex}.sidebar-btn{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;align-items:center;gap:16px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.sidebar-btn:hover{background-color:var(--surface);color:var(--text-main)}.sidebar-btn.active{color:var(--accent);background-color:#7cb1b11a;border-color:#7cb1b14d}.hub-content-area{background-color:var(--bg);flex-grow:1;padding:40px 5%}.content-placeholder{border:2px dashed var(--border);width:100%;height:400px;color:var(--text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.content-placeholder h2{color:var(--text-main);margin-bottom:8px}@media (width<=900px){.hub-body{flex-direction:column}.hub-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:16px 0}.sidebar-nav{flex-direction:row;padding-bottom:8px;overflow-x:auto}.sidebar-btn{white-space:nowrap}.hub-controls{display:none}}.global-navbar{background-color:var(--bg);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;padding:24px 5%;display:flex;position:sticky;top:0}.navbar-logo a{color:var(--text-main);font-size:28px;font-weight:800;text-decoration:none}.navbar-logo span{color:var(--accent)}.navbar-links-wrapper{flex:1;justify-content:center;display:flex}.navbar-links{align-items:center;gap:40px;margin:0;padding:0;list-style:none;display:flex}.navbar-links a,.nav-trigger{color:var(--text-muted);cursor:pointer;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.navbar-links a:hover,.nav-dropdown-parent:hover .nav-trigger{color:var(--text-main)}.nav-dropdown-parent{position:relative}.mega-menu{background-color:var(--surface-dark);border:1px solid var(--border);opacity:0;visibility:hidden;z-index:1001;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:20px;width:600px;padding:24px;transition:all .2s;display:grid;position:absolute;top:100%;left:-150px;transform:translateY(10px);box-shadow:0 15px 40px #00000080}.nav-dropdown-parent:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.syl-group{flex-direction:column;gap:10px;display:flex}.syl-title{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:800}.mega-menu a{color:var(--text-muted);font-size:14px}.mega-menu a:hover{color:var(--text-main)}.navbar-actions{align-items:center;display:flex}.btn-portal{color:var(--text-main);border:1px solid var(--border);border-radius:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .2s}.btn-portal:hover{border-color:var(--accent)}.about-container{background-color:var(--bg);width:100%;color:var(--text-main);flex-direction:column;display:flex}.icon-accent{color:var(--accent)}.mb-4{margin-bottom:16px}.about-hero{background-color:var(--surface-dark);border-bottom:1px solid var(--border);text-align:center;justify-content:center;padding:100px 5%;display:flex}.about-hero-content{max-width:800px}.about-hero h1{letter-spacing:-1px;color:var(--text-main);margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.1}.about-hero p{color:var(--text-muted);font-size:18px;line-height:1.6}.section-header-centered{text-align:center;margin-bottom:48px}.section-header-centered h2{margin-bottom:12px;font-size:36px}.section-header-centered p{color:var(--text-muted);font-size:16px}.about-story-section{justify-content:center;padding:80px 5%;display:flex}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1200px;display:grid}.story-text h2{margin-bottom:24px;font-size:32px}.story-text p{color:var(--text-muted);margin-bottom:24px;font-size:16px;line-height:1.7}.location-badge{color:var(--text-main);background-color:#7cb1b11a;border:1px solid #7cb1b133;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.story-image-placeholder{aspect-ratio:4/5;background-color:var(--surface);border:1px dashed var(--border);width:100%;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;display:flex}.about-footprint{background-color:var(--surface-dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:80px 5%;display:flex}.footprint-grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;display:grid}.footprint-card{background-color:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:32px;transition:transform .2s}.footprint-card:hover{border-color:var(--accent);transform:translateY(-5px)}.footprint-card h3{margin-bottom:12px;font-size:20px}.footprint-card p{color:var(--text-muted);font-size:14px;line-height:1.5}.about-philosophy{flex-direction:column;align-items:center;padding:80px 5%;display:flex}.philosophy-grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;display:grid}.philosophy-card{background-color:var(--surface-dark);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;padding:32px;display:flex}.philosophy-card h4{margin:16px 0 12px;font-size:20px}.philosophy-card p{color:var(--text-muted);font-size:14px;line-height:1.6}@media (width<=960px){.story-grid{grid-template-columns:1fr}.story-image-placeholder{max-width:500px;margin:0 auto}.footprint-grid,.philosophy-grid{grid-template-columns:1fr}.about-hero h1{font-size:36px}}.contact-container{background-color:var(--bg);width:100%;color:var(--text-main);flex-direction:column;display:flex}.contact-hero{background-color:var(--surface-dark);border-bottom:1px solid var(--border);text-align:center;justify-content:center;padding:80px 5%;display:flex}.contact-hero-content{max-width:700px}.contact-hero h1{letter-spacing:-1px;color:var(--text-main);margin-bottom:20px;font-size:48px;font-weight:800}.contact-hero p{color:var(--text-muted);font-size:18px;line-height:1.6}.contact-main{justify-content:center;padding:80px 5%;display:flex}.contact-grid{grid-template-columns:1fr 1.2fr;gap:64px;width:100%;max-width:1200px;display:grid}.contact-info-panel h2{margin-bottom:16px;font-size:32px}.info-desc{color:var(--text-muted);margin-bottom:40px;font-size:16px;line-height:1.6}.info-card{align-items:center;gap:20px;margin-bottom:32px;display:flex}.info-icon-wrapper{background-color:#7cb1b11a;border:1px solid #7cb1b133;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.info-text h3{color:var(--text-muted);margin-bottom:4px;font-size:16px;font-weight:600}.info-text p{color:var(--text-main);margin:0;font-size:16px;font-weight:500}.contact-form-panel{background-color:var(--surface-dark);border:1px solid var(--border);border-radius:16px;padding:40px;box-shadow:0 20px 40px #0003}.form-header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.form-header h2{margin:0;font-size:24px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background-color:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:8px;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-group select option{background-color:var(--surface);color:var(--text-main)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7cb1b11a}.btn-submit{background-color:var(--accent);color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-submit:hover:not(.btn-disabled){background-color:#fff;transform:translateY(-2px)}.btn-disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.7}@media (width<=960px){.contact-grid{grid-template-columns:1fr;gap:48px}.form-row{grid-template-columns:1fr}.contact-form-panel{padding:32px 20px}}