.roadmap-page{--road:#0a0715;--plum:#c592ff;--icy:#55d1ee;--rose:#ff669c;--slate:#bbb0d4;background:var(--road);overflow-x:clip}.roadmap-page :is(a,button){-webkit-tap-highlight-color:transparent}.roadmap-page :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #eab5ff}.roadmap-page section[id],.roadmap-page article[id]{scroll-margin-top:35px}.road-hero{isolation:isolate;background:radial-gradient(46% 45% at 17% 48%,#672bad28,#0000 83%),radial-gradient(34% 35% at 83% 45%,#53237523,#0000 83%),linear-gradient(#090613,#100922 85%,#0c091b);min-height:850px;padding:130px 0 0;position:relative;overflow:hidden}.road-background-grid{z-index:-1;opacity:.5;background-image:linear-gradient(90deg,#c199fa09 1px,#0000 1px),linear-gradient(#c199fa09 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 40%,#0000 98%)}.road-hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;min-height:610px;display:grid}.road-headline{z-index:3;padding:35px 0 50px;position:relative}.micro-label{letter-spacing:.29em;color:#b6a6cd;align-items:center;gap:14px;font:650 11px/1.3 system-ui,sans-serif;display:flex}.pulse-point{background:#c076ff;border-radius:100%;width:7px;height:7px;box-shadow:0 0 0 6px #8836b51c,0 0 17px #ad4ffc}.road-index{letter-spacing:.18em;color:#786591;margin:24px 0 9px;font:600 10px system-ui,sans-serif}.road-index span{color:#c79bf7}.road-headline h1{font:900 clamp(51px,5.5vw,90px)/1.26 var(--heading);letter-spacing:-.055em;color:#fff;text-shadow:0 7px 35px #ba87fc0a;max-width:690px;margin:0}.road-headline h1 span{color:#0000;background:linear-gradient(100deg,#f1e4ff,#c9a1ff 50%,#9a71f1) text}.road-tagline{font:800 clamp(19px,2.3vw,28px)/1.5 var(--heading);color:#e6d8f8;margin:26px 0 10px}.road-lead{color:#a99cbd;max-width:570px;margin:0 0 34px;font-size:15px;line-height:2.15}.road-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.road-primary{color:#fff;font:800 15px/1.3 var(--heading);background:linear-gradient(120deg,#af47ed,#7124c8);border:1px solid #d88af666;border-radius:12px;justify-content:space-between;align-items:center;gap:31px;padding:17px 22px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 33px #a733e226}.road-primary:hover{transform:translateY(-2px);box-shadow:0 14px 35px #a733e247}.road-primary span{font:600 21px system-ui}.road-secondary{color:#d7c5ec;align-items:center;gap:13px;font-size:13px;transition:color .2s;display:inline-flex}.road-secondary:hover{color:#fff}.road-secondary span{color:#ac74ed}.road-staging-note{color:#776b8a;margin:23px 0 0;font-size:11px}.tower-scene{isolation:isolate;perspective:850px;justify-content:center;align-items:center;height:570px;display:flex;position:relative;overflow:hidden}.tower-scene:before{content:"";z-index:-2;filter:blur(35px);background:radial-gradient(circle,#883af142 0,#0000 68%);border-radius:50%;width:430px;height:430px;position:absolute;top:13%;left:6%}.tower-scene:after{content:"";opacity:.13;background:repeating-radial-gradient(circle,#0000 0 32px,#9f5cd8 33px 34px,#0000 35px 63px);position:absolute;inset:9% 4%;mask-image:linear-gradient(#0000,#000 27% 75%,#0000)}.tower-orbit{pointer-events:none;border:1px dashed #ae70ec28;border-radius:50%;width:460px;height:460px;position:absolute;transform:rotate(-22deg)scaleY(.65)}.orbit-b{border-color:#667de426;width:510px;height:510px;transform:rotate(33deg)scaleY(.67)}.tower-label{z-index:4;color:#d8aafa;text-align:left;gap:7px;display:grid;position:absolute;top:6%;left:3%}.tower-label span{letter-spacing:.24em;font:750 12px system-ui}.tower-label small{letter-spacing:.15em;color:#8e7ba8;font:500 9px system-ui}.tower-build{z-index:3;filter:drop-shadow(20px 22px 35px #04010dc7);gap:10px;width:min(365px,83%);margin:40px 0 0;display:grid;position:relative;transform:perspective(850px)rotateY(-12deg)rotateX(3deg)}.tower-build:before{content:"";z-index:-1;background:linear-gradient(110deg,#692ec716,#0000 80%);border:1px solid #b985ff30;position:absolute;inset:-25px 19px -7px;transform:skewY(-8deg)}.tower-floor{color:#eee4fc;direction:ltr;background:linear-gradient(110deg,#1f123b 5%,#271644 45%,#11101f);border:1px solid #ae78e14f;border-left:3px solid #ab70ff;border-radius:4px 12px 12px 4px;grid-template-columns:12px 64px 1fr 30px;align-items:center;gap:12px;height:69px;padding:0 14px;transition:transform .25s,border-color .25s,background .25s;display:grid;position:relative;transform:skewY(-3deg);box-shadow:inset 0 1px 1px #ffffff14,0 7px 10px #0006}.tower-floor:hover{border-color:#e2acff;transform:skewY(-3deg)translate(8px,-3px)}.tower-floor:after{content:"";filter:blur(3px);background:linear-gradient(90deg,#0000,#9c5fe25c,#0000);height:3px;position:absolute;bottom:-6px;left:10px;right:10px}.tower-floor-cyan{border-left-color:#40bfe9}.tower-floor-pink{border-left-color:#f664ae}.floor-led{background:#c18afd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px}.tower-floor-cyan .floor-led{background:#53c8f2}.tower-floor-pink .floor-led{background:#f664ae}.floor-code{color:#bf99ee;letter-spacing:.04em;font:800 15px system-ui,sans-serif}.tower-floor-title{text-align:right;font:800 17px var(--heading);direction:rtl}.floor-goto{color:#aa8bcd;font:500 16px system-ui,sans-serif}.tower-base{text-align:center;color:#88769e;letter-spacing:.13em;direction:ltr;background:#150c29;border:1px solid #7c469a44;padding:12px 3px;font:650 9px system-ui}.tower-side-label{writing-mode:vertical-rl;letter-spacing:.23em;color:#8d79a9;font:600 9px system-ui;position:absolute;bottom:5%;right:0}.road-overview{border-top:1px solid #a078d22a;align-items:center;gap:25px;min-height:91px;margin-top:7px;display:flex;position:relative}.road-overview span:not(.road-coordinates){align-items:center;gap:12px;display:flex}.road-overview strong{color:#e4d2ff;font:850 26px system-ui}.road-overview small{color:#a094b4;font-size:12px}.road-overview i{background:#85649d51;width:1px;height:21px}.road-coordinates{color:#756589;letter-spacing:.17em;margin-right:auto;font:600 10px system-ui}.road-foundation{background:linear-gradient(#0b0818,#100a1e 70%,#0c0819);padding:130px 0 123px}.road-section-intro{max-width:840px;margin-bottom:57px}.road-kicker{letter-spacing:.19em;color:#b48bea;font:700 11px system-ui}.road-section-intro h2{font:850 clamp(32px,4vw,56px)/1.48 var(--heading);letter-spacing:-.035em;color:#f4edff;margin:14px 0 10px}.road-section-intro p{color:#a99cbf;margin:0;font-size:15px;line-height:2}.foundation-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:70px;display:grid}.foundation-aside{padding:26px 4px 30px 25px;position:sticky;top:30px}.aside-title{color:#bc89ee;letter-spacing:.23em;align-items:center;gap:12px;font:650 12px system-ui;display:flex}.aside-flare{background:#bd8afa;width:3px;height:14px;box-shadow:0 0 10px #ad3def}.aside-number{color:#f4ecff;letter-spacing:-.08em;direction:ltr;align-items:center;gap:12px;margin:27px 0 16px;font:800 68px/1.1 system-ui,sans-serif;display:flex}.aside-number span{color:#a264d4;font-size:24px}.foundation-aside p{color:#9d91b2;max-width:260px;font-size:13px;line-height:2}.aside-circuit{opacity:.45;background:linear-gradient(90deg,#0000 44%,#a77cce6b 44% 44.5%,#0000 44.5%) 0 0/100% 100%,linear-gradient(#aa85d825 1px,#0000 1px) 0 0/100% 32px;width:225px;height:170px;margin-top:35px;position:relative}.aside-circuit span{background:#160e2b;border:1px solid #c491f8;border-radius:2px;width:9px;height:9px;position:absolute;left:42%}.aside-circuit span:first-child{top:10%}.aside-circuit span:nth-child(2){top:35%}.aside-circuit span:nth-child(3){top:61%}.aside-circuit span:nth-child(4){top:90%}.floor-list{border-top:1px solid #a281be27;position:relative}.floor-list:before{content:"";background:linear-gradient(#926ab11c,#b579f9 40%,#479cbc9e,#926ab11c);width:1px;position:absolute;top:0;bottom:40px;right:49px}.learning-floor{border-bottom:1px solid #a281be27;grid-template-columns:100px minmax(0,1fr) 150px;align-items:start;gap:24px;padding:31px 0 38px;transition:background .25s;display:grid;position:relative}.learning-floor:hover{background:linear-gradient(90deg,#0000,#8050b30a)}.floor-step{text-align:center;justify-items:center;gap:5px;padding-top:4px;display:grid;position:relative}.floor-step:after{content:"";background:#bd7ded;border-radius:4px;width:12px;height:12px;position:absolute;top:17px;right:44px;transform:rotate(45deg);box-shadow:0 0 0 6px #6c3a9620,0 0 21px #b265fc7c}.learning-floor-cyan .floor-step:after{background:#54c8ed;box-shadow:0 0 0 6px #257e9720,0 0 20px #4ccaf39c}.learning-floor-pink .floor-step:after{background:#fc78ad;box-shadow:0 0 0 6px #9d376b20,0 0 20px #f553b390}.floor-step span{color:#9b79b9;font:750 45px/1.25 system-ui,sans-serif}.floor-step small{letter-spacing:.2em;color:#6e6084;font:650 9px system-ui}.floor-heading>span{letter-spacing:.16em;color:#a783ca;font:750 10px system-ui,sans-serif}.floor-heading h3{font:850 25px/1.4 var(--heading);color:#f9f5ff;margin:9px 0 3px}.floor-heading small{color:#86799d;font:500 11px system-ui,sans-serif}.floor-main>p{color:#afa4c1;max-width:605px;margin:13px 0;font-size:13px;line-height:2.15}.floor-main ul,.track-skillset ul{flex-wrap:wrap;gap:8px;margin:15px 0 0;padding:0;list-style:none;display:flex}.floor-main li{color:#b3a7c3;direction:ltr;background:#ffffff04;border:1px solid #9c81b12b;border-radius:5px;padding:6px 10px;font:550 10px system-ui,sans-serif}.floor-link{text-align:left;padding-top:49px}.floor-link a{color:#ddbcff;white-space:nowrap;border-bottom:1px solid #ba88ef70;align-items:center;gap:9px;padding-bottom:7px;font-size:11px;transition:color .2s;display:inline-flex}.floor-link a:hover{color:#fff}.floor-link a span{font:700 18px system-ui,sans-serif}.floor-start{color:#9383a8;font-size:11px}.floor-start span{color:#b774ed;padding-right:5px}.road-transition{background:#0c0819;position:relative;overflow:hidden}.transition-line{border-block:1px solid #9e5ac32b;justify-content:center;align-items:center;gap:30px;padding-block:20px;display:flex}.transition-line>span{color:#ac9abf;font-size:12px}.transition-line>span[dir=ltr]{letter-spacing:.2em;color:#9279b2;font:700 10px system-ui}.transition-symbol{background:radial-gradient(circle,#8f2fcd39,#0000 70%);border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.transition-symbol svg{color:#b681f2;filter:drop-shadow(0 0 16px #9738eb5e);width:72px;height:72px}.road-specializations{background:radial-gradient(53% 54% at 67%,#52157824,#0000 78%),#0b0718;padding:125px 0 120px}.specs-intro{max-width:890px}.track-console{background:linear-gradient(130deg,#180d2d,#0d0a1c);border:1px solid #966ec343;border-radius:19px;grid-template-columns:365px 1fr;min-height:520px;display:grid;overflow:hidden;box-shadow:0 30px 80px #0004}.track-select{background:linear-gradient(#1b1033a0,#110c21);border-left:1px solid #a076c82c;align-content:center;padding:20px;display:grid}.track-button{text-align:right;color:#b4a3c8;cursor:pointer;width:100%;font-family:var(--font);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:18px;padding:20px 17px;transition:background .25s,border-color .25s,color .25s;display:flex}.track-button[aria-selected=true]{color:#fff;background:#9458d018;border-color:#a466ef60}.track-button:hover{background:#b17ce411}.track-mode-offense[aria-selected=true] .track-index{color:#ff72af}.track-mode-defense[aria-selected=true] .track-index{color:#67d1f5}.track-index{color:#937caf;font:700 12px system-ui}.track-button-label{flex:1;gap:4px;display:grid}.track-button-label b{font:850 19px var(--heading)}.track-button-label small{letter-spacing:.03em;color:#9a8cae;text-align:right;font:550 10px system-ui}.track-arrow{color:#ae77ef;font:700 18px system-ui}.track-panels{min-height:520px;position:relative}.track-detail{isolation:isolate;background:radial-gradient(circle at 85% 12%,#b8327736,#0000 52%);height:100%;min-height:520px;padding:33px 50px 38px;position:relative;overflow:hidden}.track-detail-defense{--track-accent:#52cef4;background:radial-gradient(circle at 80% 17%,#207bb53c,#0000 52%)}.track-detail-offense{--track-accent:#ee70bb}.track-detail[hidden]{display:none!important}.track-signal{letter-spacing:.16em;color:var(--track-accent,#db91ff);align-items:center;gap:11px;font:700 10px system-ui;display:flex}.signal-circle{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px}.track-deco{color:#725c88;letter-spacing:.3em;margin-right:auto}.track-insignia{opacity:.25;width:268px;color:var(--track-accent);z-index:-1;filter:drop-shadow(0 0 28px var(--track-accent));position:absolute;top:55px;left:-12px;transform:rotate(-10deg)}.track-insignia svg{width:100%;height:auto}.track-content{z-index:2;max-width:535px;margin-top:76px;position:relative}.track-detail-index{color:#a897c1;letter-spacing:.18em;font:650 10px system-ui}.track-content h3{font:900 clamp(27px,3.1vw,45px)/1.45 var(--heading);color:#fff;margin:8px 0 0}.track-english{color:var(--track-accent);letter-spacing:.06em;font:600 13px system-ui;display:block}.track-content>p{color:#b7abc9;max-width:480px;margin:22px 0 25px;font-size:14px;line-height:2.1}.track-skill-label{color:#f3e8ff;font-size:12px}.track-skillset ul{gap:9px;margin:11px 0 28px}.track-skillset li{color:#c9bddd;border:1px solid #a27bb840;border-radius:5px;padding:8px 11px;font:600 10px system-ui}.track-cta{color:#f5eaff;border-bottom:1px solid var(--track-accent);align-items:center;gap:25px;padding-bottom:9px;font-size:13px;font-weight:800;display:inline-flex}.track-cta span{color:var(--track-accent);font:700 19px system-ui}.track-note{color:#847795;margin:17px 0 0;font-size:12px;line-height:2}.road-finale{background:radial-gradient(40% 100% at 20% 40%,#4a228b2e,#0000 87%),#100b22;border-top:1px solid #9c6bc92b;padding:90px 0}.finale-inner{justify-content:space-between;align-items:center;gap:40px;display:flex}.finale-inner>div>span{letter-spacing:.19em;color:#ae7de8;font:700 11px system-ui}.finale-inner h2{font:900 clamp(29px,3.7vw,51px)/1.45 var(--heading);color:#fff;margin:12px 0}.finale-inner h2 em{color:#bc8af2;font-style:normal}.finale-inner p{color:#aca0bf;font-size:14px}.road-footer{background:#0a0715}.road-footer .shell{color:#776a8a;border-top:1px solid #ab82c927;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;font-size:11px;display:flex}.road-footer a:first-child{color:#c9adf2;letter-spacing:.12em;font:750 12px system-ui}.road-footer a:last-child{color:#bba1db}@media (width<=1200px){.road-hero-grid{gap:20px}.foundation-layout{grid-template-columns:230px 1fr;gap:40px}.learning-floor{grid-template-columns:85px minmax(0,1fr) 140px;gap:12px}.track-console{grid-template-columns:300px 1fr}.track-detail{padding-inline:30px}}@media (width<=950px){.road-hero{padding-top:105px}.road-hero-grid{grid-template-columns:1fr;gap:0}.road-headline{padding:40px 0 0}.road-headline h1{font-size:clamp(52px,8vw,80px)}.tower-scene{height:490px;margin-top:10px}.tower-build{width:min(380px,75%)}.road-overview{margin-top:10px}.foundation-layout{display:block}.foundation-aside{display:none;position:static}.floor-list:before{right:49px}.road-foundation,.road-specializations{padding-block:90px}.track-console{grid-template-columns:280px 1fr}.track-button{padding:17px 12px}.track-button-label b{font-size:17px}}@media (width<=800px){.road-hero{padding-top:85px}.road-headline{padding-top:40px}.road-index{margin-top:20px}.road-headline h1{font-size:clamp(43px,9vw,72px)}.tower-scene{height:455px}.road-overview{flex-wrap:wrap;justify-content:center;gap:15px;padding:19px 0}.road-coordinates{display:none}.road-overview strong{font-size:22px}.road-overview small{font-size:11px}.road-section-intro{margin-bottom:28px}.road-section-intro h2{font-size:clamp(29px,6vw,43px)}.learning-floor{grid-template-columns:75px minmax(0,1fr);gap:9px;padding:26px 0}.floor-list:before{right:36px}.floor-step:after{right:31px}.floor-step span{font-size:37px}.floor-main>p{font-size:13px}.floor-link{text-align:right;grid-area:2/2;margin-top:-4px;padding:0}.track-console{grid-template-columns:1fr;min-height:0}.track-select{border-bottom:1px solid #a076c82c;border-left:none;grid-template-columns:repeat(2,1fr);gap:5px;padding:9px}.track-button{gap:8px;padding:14px 10px}.track-button-label b{font-size:15px}.track-button-label small{font-size:9px}.track-arrow{display:none}.track-detail,.track-panels{min-height:465px}.track-content{margin-top:58px}}@media (width<=480px){.road-hero{padding-top:80px}.road-headline{padding-top:28px}.micro-label{letter-spacing:.12em;font-size:9px}.road-headline h1{font-size:43px}.road-tagline{font-size:19px}.road-lead{font-size:12px;line-height:2}.road-hero-actions{gap:13px}.road-primary{gap:15px;padding:14px 16px;font-size:13px}.road-secondary{font-size:12px}.road-staging-note{font-size:10px}.tower-scene{height:375px}.tower-label{top:0;left:0}.tower-label span{font-size:9px}.tower-build{gap:7px;width:82%;margin-top:28px}.tower-floor{grid-template-columns:7px 43px 1fr 17px;gap:5px;height:48px;padding:0 8px}.floor-code{font-size:11px}.tower-floor-title{font-size:14px}.tower-side-label{font-size:8px;right:-2px}.tower-orbit{width:310px;height:310px}.road-overview{gap:11px}.road-overview span:not(.road-coordinates){gap:5px}.road-overview strong{font-size:18px}.road-overview small{font-size:9px}.road-foundation,.road-specializations{padding-block:70px}.road-section-intro p{font-size:12px}.road-section-intro h2{font-size:29px}.floor-list:before{right:27px}.learning-floor{grid-template-columns:60px minmax(0,1fr);gap:8px}.floor-step:after{width:10px;height:10px;right:22px}.floor-step span{font-size:29px}.floor-heading h3{font-size:19px}.floor-heading>span,.floor-heading small{font-size:9px}.floor-main>p{font-size:11px}.floor-main li{padding:5px 7px;font-size:9px}.floor-link a{font-size:10px}.transition-line{gap:11px}.transition-line>span{font-size:10px}.transition-line>span[dir=ltr]{letter-spacing:.05em;font-size:8px}.transition-symbol{width:56px;height:56px}.transition-symbol svg{width:55px;height:55px}.track-button-label b{font-size:13px}.track-index{font-size:10px}.track-button-label small{font-size:8px}.track-detail{min-height:510px;padding:22px 20px}.track-detail-index{font-size:9px}.track-content h3{font-size:30px}.track-content>p{font-size:12px}.track-insignia{width:190px;top:70px;left:-30px}.road-finale{padding:60px 0}.finale-inner{display:block}.finale-inner .road-primary{margin-top:25px}.road-footer .shell{text-align:center;flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.tower-floor,.road-primary{transition:none}.roadmap-page *{scroll-behavior:auto!important}}
