@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--bg-primary:#030014;--bg-secondary:#0a0a1a;--surface:#ffffff08;--surface-hover:#ffffff0f;--glass:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--gradient-junior:linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffcc02 100%);--gradient-middle:linear-gradient(135deg, #00d4aa 0%, #00bcd4 50%, #2196f3 100%);--gradient-senior:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f953c6 100%);--gradient-hero:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glow-junior:#ff6b3566;--glow-middle:#00d4aa66;--glow-senior:#667eea66;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}.page{flex-direction:column;min-height:100vh;display:flex;position:relative}.page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#667eea26,#0000),radial-gradient(60% 40% at 100%,#764ba21a,#0000),radial-gradient(60% 40% at 0 80%,#00d4aa14,#0000);position:fixed;inset:0}.orb{filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite float;position:fixed}.orb-1{background:var(--gradient-senior);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.orb-2{background:var(--gradient-middle);width:400px;height:400px;animation-delay:-7s;bottom:-100px;left:-100px}.orb-3{background:var(--gradient-junior);width:300px;height:300px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,30px)scale(1.02)}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#03001499;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo{background:var(--gradient-hero);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700}.nav-links{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text-primary)}.nav-cta{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:100px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-cta:hover{background:var(--surface-hover);border-color:#fff3}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.hero-badge{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:.85rem;display:inline-flex}.hero-badge:before{content:"";background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{letter-spacing:-.03em;max-width:900px;margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.05}.hero h1 .gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 48px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.stats-row{gap:48px;margin-bottom:64px;display:flex}.stat{text-align:center}.stat-value{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:4px;font-size:.9rem}.portals{z-index:1;padding:80px 24px 120px;position:relative}.portals-header{text-align:center;margin-bottom:64px}.portals-header h2{letter-spacing:-.02em;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700}.portals-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.portal-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.portal-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s var(--ease-out-expo);cursor:pointer;color:inherit;border-radius:24px;padding:40px 32px;text-decoration:none;position:relative;overflow:hidden}.portal-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0000,#ffffff1a,#0000);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portal-card:after{content:"";background:radial-gradient(circle, var(--card-glow) 0%, transparent 60%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.portal-card:hover{border-color:#fff3;transform:translateY(-8px)scale(1.02)}.portal-card:hover:after{opacity:1}.portal-card.junior{--card-glow:var(--glow-junior)}.portal-card.middle{--card-glow:var(--glow-middle)}.portal-card.senior{--card-glow:var(--glow-senior)}.portal-icon{z-index:1;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:2.5rem;display:flex;position:relative}.portal-card.junior .portal-icon{background:var(--gradient-junior)}.portal-card.middle .portal-icon{background:var(--gradient-middle)}.portal-card.senior .portal-icon{background:var(--gradient-senior)}.portal-card h3{z-index:1;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;position:relative}.portal-grades{background:var(--surface);color:var(--text-secondary);z-index:1;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;display:inline-block;position:relative}.portal-description{color:var(--text-secondary);z-index:1;margin-bottom:24px;font-size:.95rem;line-height:1.6;position:relative}.portal-features{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex;position:relative}.portal-feature{background:var(--surface);color:var(--text-muted);border-radius:8px;padding:6px 12px;font-size:.8rem}.portal-cta{color:#000;z-index:1;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative}.portal-card.junior .portal-cta{background:var(--gradient-junior)}.portal-card.middle .portal-cta{background:var(--gradient-middle)}.portal-card.senior .portal-cta{background:var(--gradient-senior)}.portal-cta:hover{box-shadow:0 10px 40px var(--card-glow);transform:scale(1.05)}.portal-cta:after{content:"→";transition:transform .3s}.portal-card:hover .portal-cta:after{transform:translate(4px)}.features{z-index:1;background:linear-gradient(#0000,#667eea08);padding:100px 24px;position:relative}.features-header{text-align:center;margin-bottom:64px}.features-header h2{margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.features-header p{color:var(--text-secondary);font-size:1.1rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px 24px;transition:all .3s}.feature-card:hover{border-color:#fff3;transform:translateY(-4px)}.feature-icon{background:var(--surface);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.footer{z-index:1;border-top:1px solid var(--glass-border);text-align:center;padding:48px 24px;position:relative}.footer p{color:var(--text-muted);font-size:.9rem}.footer-links{justify-content:center;gap:32px;margin-top:16px;display:flex}.footer-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--text-primary)}@media (max-width:1024px){.portal-grid{grid-template-columns:1fr;max-width:480px}.features-grid{grid-template-columns:repeat(2,1fr)}.stats-row{gap:32px}}@media (max-width:768px){.nav{padding:16px 20px}.nav-links{display:none}.hero{padding:100px 20px 60px}.stats-row{flex-direction:column;gap:24px}.features-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:16px}}