:root{color:#fff;--mx:0;--my:0;font-synthesis:none;text-rendering:optimizelegibility;background:#120a1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 48% 11%,#9144ff52,#0000 24%),radial-gradient(circle at 78% 2%,#31dade1f,#0000 22%),#120a1f;min-width:0;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.hero{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.heroVideo,.heroShade,.heroGlow{width:100%;height:100%;position:absolute;inset:0}.heroVideo{z-index:-4;object-fit:cover;opacity:.25;filter:saturate(.8)contrast(1.15)}.heroShade{z-index:-3;background:linear-gradient(#120a1fdb 0%,#120a1f8a 47%,#120a1f 100%),linear-gradient(90deg,#120a1fe6 0%,#120a1f61 56%,#120a1fbd 100%)}.heroGlow{z-index:-2;transform:translate(calc(var(--mx) * 34px), calc(var(--my) * 28px));background:radial-gradient(circle at 53% 48%,#a646ff85,#0000 17%),radial-gradient(circle at 68% 44%,#642ebe33,#0000 30%);transition:transform .12s linear}.heroSpotlight{z-index:-1;pointer-events:none;opacity:.88;width:620px;height:340px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.conicBeam,.spotOrb,.glowingLine{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.conicBeam{opacity:.5;filter:blur(1px);background:conic-gradient(from 88deg at top,#9a54ffc7,#0000 42%,#0000);width:260px;height:260px;animation:4.8s linear infinite conicSweep;top:0}.beamLeft{left:38%}.beamRight{background:conic-gradient(from 272deg at top,#0000,#0000 52%,#9a54ffc7);animation-direction:reverse;left:62%}.spotOrb{filter:blur(36px);background:#b05bffad;border-radius:50%;width:150px;height:150px;animation:2.8s ease-in-out infinite spotlightPulse;top:118px}.glowingLine{background:#b36aff;width:290px;height:2px;animation:2.8s ease-in-out infinite glowingLine;top:180px;box-shadow:0 0 22px #a955ff,0 0 48px #a955ffd1}.nav{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#120a1fb8;border:1px solid #ffffff1c;border-radius:999px;justify-content:space-between;align-items:center;width:min(1700px,100% - 72px);min-height:76px;padding:10px 18px;transition:padding .26s,top .26s,background .26s,border-color .26s,box-shadow .26s;animation:.8s cubic-bezier(.16,1,.3,1) both navDrop;display:flex;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 26px 90px #00000047}.navScrolled{background:#120a1fdb;border-color:#ffffff2e;padding:7px 14px;top:14px;box-shadow:0 18px 70px #0000006b}.brand,.navLinks,.navActions,.contactButton,.ghostButton,.statusPill,.heroActions,.panelGrid,.pendingBar,.profileStats a{align-items:center;display:flex}.brand{min-width:128px;min-height:50px;transform-style:preserve-3d;border-radius:999px;justify-content:center;transition:transform .18s;position:relative;overflow:hidden}.brand:hover{transform:scale(1.02)}.brandButton,.glitchLayer{letter-spacing:.04em;background:#fff;border-radius:999px;place-items:center;width:100%;min-height:50px;font-size:14px;font-weight:900;display:grid}.brandButton{color:#7b45dd;position:relative;overflow:hidden}.glitchLayer{opacity:0;transition:opacity .12s;position:absolute;inset:0}.layerOne{color:#0ff}.layerTwo{color:#f0f}.brandNoise{opacity:0;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0,#0000001a 1px,#0000 2px);animation:.22s steps(2,end) infinite noiseJitter;position:absolute;inset:-50%}.brandSlice{opacity:0;background:#fff;width:120%;height:5px;animation:3s linear infinite sliceScan;position:absolute;left:-10%}.brand:hover .brandButton{animation:.3s steps(2,end) infinite buttonGlitch;box-shadow:0 0 20px #ffffff73,0 0 30px #00ffff73,0 0 42px #f0f6}.brand:hover .layerOne{opacity:1;animation:.4s steps(2,end) infinite glitchLayerOne}.brand:hover .layerTwo{opacity:1;animation:.4s steps(2,end) infinite glitchLayerTwo}.brand:hover .brandNoise,.brand:hover .brandSlice{opacity:1}.navLinks{color:#ffffffad;gap:72px;font-size:18px;font-weight:700}.navLinks a:hover{color:#120a1f}.navLinks a{z-index:0;align-items:center;min-height:36px;padding:0 10px;transition:color .42s;display:inline-flex;position:relative;overflow:hidden}.navLinks a:before,.navLinks a:after{content:"";z-index:-1;width:100%;transition:all .42s;position:absolute;bottom:0;left:0}.navLinks a:before{transform-origin:0;background:#8b5cf6;height:2px;transform:scaleX(0)}.navLinks a:after{background:#8b5cf6;height:0}.navLinks a:hover:before{transform:scaleX(1)}.navLinks a:hover:after{height:100%;transition-delay:.16s}.navActions{gap:10px}.ghostButton,.contactButton,.primaryAction,.secondaryAction{border-radius:999px;transition:border-color .18s,background .18s,transform .18s}.ghostButton,.contactButton{justify-content:center;min-height:52px;padding:0 25px;font-weight:800}.ghostButton{color:#ffffffc2;background:#ffffff1f;border:1px solid #fff3}.contactButton{color:#fff;background:#050407;gap:9px;box-shadow:0 0 8px #00000014}.ghostButton:hover,.contactButton:hover,.primaryAction:hover,.secondaryAction:hover{transform:translateY(-1px)}.contactButton:hover{letter-spacing:.04em;background:#5d18dc;box-shadow:0 7px 29px #5d18dcd1}.contactButton:active{transform:translateY(8px);box-shadow:0 0 #5d18dc00}.heroInner,.section,.aboutInner{width:min(1700px,100% - 72px);margin:0 auto}.heroInner{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:110px;min-height:100vh;padding:156px 0 190px;display:grid}.heroContent{max-width:1100px}.statusPill{color:#c79cff;background:#180b2ab8;border:1px solid #b161ff57;border-radius:999px;gap:9px;width:fit-content;margin-bottom:38px;padding:9px 14px;font-size:14px;font-weight:800;animation:.76s cubic-bezier(.16,1,.3,1) .22s both fadeLift}h1{color:#8f58ff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 36px #8f58ff42;font-size:clamp(86px,7.6vw,146px);font-weight:950;line-height:.82;animation:.9s cubic-bezier(.16,1,.3,1) .28s both heroHeadline}h1 span{color:#fff;margin-top:20px;font-size:.58em;display:block}.heroRule{color:#ffffff85;grid-template-columns:minmax(220px,780px) auto;align-items:center;gap:20px;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;animation:.9s cubic-bezier(.16,1,.3,1) .43s both fadeLift;display:grid}.heroRule:before{content:"";background:linear-gradient(90deg,#9d55ff,#ffffff61,#0000);height:2px;box-shadow:0 0 28px #a44cffe6}.heroSubtitle{color:#ffffffab;max-width:780px;margin-top:34px;font-size:19px;line-height:1.9;animation:.9s cubic-bezier(.16,1,.3,1) .56s both fadeLift}.heroActions{gap:16px;margin-top:42px;animation:.9s cubic-bezier(.16,1,.3,1) .66s both fadeLift}.primaryAction,.secondaryAction{justify-content:center;align-items:center;min-height:54px;padding:0 26px;font-weight:900;display:inline-flex}.primaryAction{color:#1b0b2d;background:#fff;gap:8px}.secondaryAction{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.heroPanel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;background:linear-gradient(#ffffff21,#ffffff0b),#0f0a1cc7;border:1px solid #ffffff21;border-radius:14px;padding:30px;transition:transform .16s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 34px 120px #00000061,inset 0 0 0 1px #ffffff08}.heroPanel:after,.scoreTile:after,.courseCard:after,.profileStats>div:after{content:"";opacity:0;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #ffffff2e, transparent 34%);pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.heroPanel:hover:after,.scoreTile:hover:after,.courseCard:hover:after,.profileStats>div:hover:after{opacity:1}.panelLabel,.eyebrow{color:#9d62ff;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:900}.heroPanel strong{color:#fff;margin-top:22px;font-size:112px;line-height:.9;display:block}.heroPanel p{color:#ffffffad;margin-top:12px;font-size:17px}.panelGrid{flex-wrap:wrap;gap:10px;margin-top:36px}.panelGrid span{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:9px 12px;font-size:13px}.heroGallery{z-index:2;cursor:grab;width:min(1700px,100% - 72px);animation:1s cubic-bezier(.16,1,.3,1) .76s both fadeLift;position:absolute;bottom:88px;left:50%;overflow:hidden;transform:translate(-50%)}.galleryTrack{will-change:transform;gap:18px;width:max-content;animation:34s linear infinite galleryMarquee;display:flex}.heroGallery:hover .galleryTrack{animation-play-state:paused}.galleryTrack span{opacity:.68;background:linear-gradient(135deg,#664fa88c,#141f3873);border:1px solid #ffffff0d;flex:0 0 clamp(150px,16vw,230px);height:138px;transition:transform .26s,filter .26s,opacity .26s}.galleryTrack span:hover{filter:brightness(1.16);opacity:.92;transform:scale(1.05)}.galleryTrack span:nth-child(6n+2){background:linear-gradient(135deg,#00aea76b,#19244173)}.galleryTrack span:nth-child(6n+3){background:linear-gradient(135deg,#ff644d7a,#4d1f3673)}.galleryTrack span:nth-child(6n+4){background:linear-gradient(135deg,#436bdd6b,#16123c73)}.galleryTrack span:nth-child(6n+5){background:linear-gradient(135deg,#bd47856b,#2a112f73)}.galleryTrack span:nth-child(6n+6){background:linear-gradient(135deg,#99b15461,#212b3275)}.aboutBand{padding:150px 0 70px}.aboutInner{max-width:980px}.aboutInner h2{color:#ffffff2e;margin-top:26px;font-size:62px;line-height:1}.aboutInner p{color:#ffffffc2;max-width:820px;margin-top:28px;font-size:20px;line-height:1.9}.aboutMeta{border-top:1px solid #ffffff1c;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px;margin-top:46px;padding-top:34px;display:grid}.aboutMeta span{color:#ffffff57;font-size:14px;display:block}.aboutMeta strong{color:#fff;margin-top:12px;font-size:22px;line-height:1.45;display:block}.section{padding:118px 0}.sectionIntro{grid-template-columns:.48fr .52fr;align-items:end;gap:64px;margin-bottom:44px;display:grid}.sectionIntro h2,.profileCopy h2{color:#fff;margin-top:12px;font-size:58px;line-height:1.05}.sectionIntro p,.profileCopy p{color:#ffffffa8;font-size:18px;line-height:1.85}.scoreGrid{grid-template-columns:1.45fr repeat(6,1fr);gap:14px;display:grid}.scoreTile,.courseCard,.pendingBar,.profileStats>div{background:#ffffff0c;border:1px solid #ffffff18;box-shadow:inset 0 1px #ffffff0b}.scoreTile{min-height:184px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));padding:24px;transition:transform .18s,border-color .22s,background .22s;position:relative;overflow:hidden}.scoreTile span{color:#ffffff85;font-size:15px}.scoreTile strong{color:#fff;margin-top:34px;font-size:48px;line-height:1;display:block}.scoreTileAccent{background:linear-gradient(135deg,#9d55ff3d,#23d3c414),#ffffff0d}.scoreTile:hover,.courseCard:hover,.profileStats>div:hover,.heroPanel:hover{border-color:#9d55ff57;box-shadow:0 24px 80px #0000004d,0 0 34px #9d55ff1f}.scoreTileAccent strong{font-size:82px}.courseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.courseCard{min-height:640px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));padding:28px;transition:transform .18s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.courseCard:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 6%,#9d55ff2e,#0000 30%);position:absolute;inset:0}.courseIndex{color:#ffffff2e;font-size:58px;font-weight:950;line-height:1}.courseHeader{z-index:1;border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:18px;margin-top:28px;padding-bottom:22px;display:flex;position:relative}.courseHeader h3{color:#fff;margin-top:10px;font-size:27px}.rankBadge{color:#d9c2ff;letter-spacing:.08em;background:#9d55ff1f;border:1px solid #9d55ff6b;border-radius:999px;width:fit-content;margin-top:16px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 0 24px #9d55ff29}.courseHeader svg{color:#b58cff}.courseList{z-index:1;gap:10px;margin-top:22px;display:grid;position:relative}.courseRow{color:#ffffffad;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:42px;font-size:15px;display:grid}.courseRow strong{color:#fff;font-size:16px}.pendingBar{color:#ffffffa8;gap:14px;margin-top:20px;padding:18px 22px}.pendingBar strong{color:#ffffffd6;background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:13px}.profileSection{grid-template-columns:.72fr 1fr;gap:88px;padding-bottom:130px;display:grid}.profileCopy p{margin-top:22px}.profileStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.profileStats>div{min-height:310px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));padding:30px;transition:transform .18s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.profileStats svg{color:#b58cff}.profileStats strong{color:#fff;margin-top:42px;font-size:28px;display:block}.profileStats span{color:#ffffffa3;margin-top:16px;line-height:1.75;display:block}.profileStats a{color:#fff;gap:8px;width:fit-content;margin-top:30px;font-size:14px;font-weight:800}.contactSection{grid-template-columns:.72fr 1fr;align-items:start;gap:88px;padding-top:40px;padding-bottom:140px;scroll-margin-top:130px;display:grid}.contactSection h2{color:#fff;margin-top:12px;font-size:58px;line-height:1.05}.contactCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.contactCards a{background:radial-gradient(circle at 20% 0,#9d55ff29,#0000 34%),#ffffff0c;border:1px solid #ffffff18;min-height:220px;padding:30px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.contactCards a:hover{border-color:#9d55ff61;transform:translateY(-4px);box-shadow:0 24px 80px #0000004d,0 0 34px #9d55ff24}.contactCards svg{color:#b58cff}.contactCards span{color:#ffffff85;margin-top:44px;font-size:14px;display:block}.contactCards strong{color:#fff;margin-top:12px;font-size:26px;line-height:1.35;display:block}@media (width<=1280px){.navLinks{gap:42px}.heroInner{grid-template-columns:minmax(0,1fr) 360px;gap:58px}h1{font-size:82px}.heroGallery{width:calc(100% - 48px)}.scoreGrid{grid-template-columns:repeat(4,1fr)}.scoreTileAccent{grid-column:span 2}}@media (width<=1100px){.nav,.heroInner,.section,.aboutInner,.heroGallery{width:calc(100% - 48px)}.nav{padding:9px 12px;top:18px}.brand{min-width:104px}.navLinks{gap:24px;font-size:15px}.ghostButton{display:none}.contactButton{min-height:48px;padding:0 18px}.heroInner{grid-template-columns:1fr;gap:32px;padding:150px 0 210px}.heroPanel{width:min(430px,100%)}h1{font-size:72px}.heroRule{grid-template-columns:minmax(120px,1fr) auto}.galleryTrack{gap:12px}.galleryTrack span{height:116px}.sectionIntro,.profileSection,.contactSection,.aboutMeta,.courseGrid{grid-template-columns:1fr}.courseCard{min-height:auto}.contactCards{grid-template-columns:1fr}}.sectionIntro,.scoreTile,.courseCard,.pendingBar,.aboutInner>*,.profileCopy,.profileStats>div,.heroPanel,.contactSection{opacity:0;transform:translateY(52px) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity .76s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), transform .76s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), border-color .22s ease, box-shadow .22s ease, background .22s ease}.sectionIntro.isVisible,.scoreTile.isVisible,.courseCard.isVisible,.pendingBar.isVisible,.aboutInner>.isVisible,.profileCopy.isVisible,.profileStats>div.isVisible,.heroPanel.isVisible,.contactSection.isVisible{opacity:1;transform:translateY(0) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}@keyframes navDrop{0%{opacity:0;transform:translate(-50%,-28px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeLift{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes heroHeadline{0%{opacity:0;filter:blur(8px);transform:translateY(54px)scale(1.04)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes conicSweep{0%{opacity:.28;transform:translate(-50%)rotate(0)scale(.96)}50%{opacity:.64}to{opacity:.28;transform:translate(-50%)rotate(360deg)scale(.96)}}@keyframes spotlightPulse{0%,to{opacity:.42;transform:translate(-50%)translateY(-12px)scale(.8)}50%{opacity:1;transform:translate(-50%)translateY(10px)scale(1.1)}}@keyframes glowingLine{0%,to{opacity:.25;width:170px}50%{opacity:1;width:310px}}@keyframes galleryMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 9px))}}@keyframes buttonGlitch{0%{transform:translate(0)scale(1.02)}25%{transform:translate(-8px,4px)scale(1.08)skew(-5deg)}50%{transform:translate(8px,-4px)scale(1.04)skew(5deg)}75%{transform:translate(-12px,-4px)scale(1.02)skew(-3deg)}to{transform:translate(0)scale(1.02)}}@keyframes glitchLayerOne{0%{clip-path:polygon(0 20%,100% 20%,100% 50%,0 50%);transform:translate(-14px,-7px)scale(1.08)skew(-10deg)}25%{clip-path:polygon(0 30%,100% 30%,100% 60%,0 60%);transform:translate(14px,7px)scale(1.12)skew(10deg)}50%{clip-path:polygon(0 10%,100% 10%,100% 40%,0 40%);transform:translate(-10px,4px)scale(.96)skew(-5deg)}75%{clip-path:polygon(0 40%,100% 40%,100% 70%,0 70%);transform:translate(10px,-4px)scale(1.16)skew(5deg)}to{clip-path:polygon(0 20%,100% 20%,100% 50%,0 50%);transform:translate(-14px,-7px)scale(1.08)skew(-10deg)}}@keyframes glitchLayerTwo{0%{clip-path:polygon(0 50%,100% 50%,100% 80%,0 80%);transform:translate(14px,7px)scale(1.08)skew(10deg)}25%{clip-path:polygon(0 60%,100% 60%,100% 90%,0 90%);transform:translate(-14px,-7px)scale(1.12)skew(-10deg)}50%{clip-path:polygon(0 40%,100% 40%,100% 70%,0 70%);transform:translate(10px,-4px)scale(.96)skew(5deg)}75%{clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%);transform:translate(-10px,4px)scale(1.16)skew(-5deg)}to{clip-path:polygon(0 50%,100% 50%,100% 80%,0 80%);transform:translate(14px,7px)scale(1.08)skew(10deg)}}@keyframes noiseJitter{0%{transform:translate(0)}20%{transform:translate(10%,5%)}40%{transform:translate(15%,-5%)}60%{transform:translate(5%,-10%)}80%{transform:translate(10%,10%)}to{transform:translate(0)}}@keyframes sliceScan{0%{opacity:0;top:-10%}2%{opacity:.5}4%{opacity:0}50%,to{top:110%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.galleryTrack{animation:none!important}}
