:root{color-scheme:dark;--night:#071725;--text:#edf6fb;--muted:#a8becb;--cyan:#70e5ee;--gold:#f7cf76;--line:#80c7d32a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--night)}body{margin:0;color:var(--text);min-height:100svh;background:radial-gradient(ellipse at 73% 34%,#12465633,transparent 47%),linear-gradient(90deg,#071725f5 3%,#071725d9 39%,#07172566 73%,#07172570),url('/assets/welcome-world.svg') center center/cover fixed no-repeat,#071725}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:#70e5ee;color:#071725}.skip-link{position:fixed;left:18px;top:-100px;padding:12px;background:var(--gold);color:#071725;z-index:30}.skip-link:focus{top:12px}.welcome-header{max-width:1400px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:inline-flex;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px}.wordmark>span:last-child{color:var(--gold)}.brand-rune{display:grid;place-items:center;flex-shrink:0;width:32px;height:35px;margin-right:11px;border:1px solid #77e9f37a;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);background:#123241;color:var(--cyan);font:700 13px monospace;letter-spacing:-1px;padding-bottom:4px}.welcome-header nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.nav-login{color:#cddfe7}.nav-signup{border:1px solid var(--line);padding:11px 17px;border-radius:6px;background:#10273588}.nav-signup{display:inline-flex;align-items:center;gap:12px}.nav-signup svg{color:var(--gold)}.nav-login:hover{color:var(--cyan)}.nav-signup:hover{border-color:var(--gold)}.welcome-main{max-width:1400px;min-height:640px;min-height:min(680px,calc(100svh - 260px));margin:auto;padding:45px 6% 62px;display:grid;grid-template-columns:1.06fr 1fr;gap:30px;align-items:center}.welcome-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 23px;color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:700}.eyebrow>span{width:7px;height:7px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 15px #f7cf7680}h1{margin:0;font-size:clamp(52px,5.5vw,82px);font-weight:800;line-height:1.05;letter-spacing:-3.5px}h1>span{color:var(--cyan);text-shadow:0 0 45px #70e5ee18}.hero-description{max-width:430px;margin:25px 0 31px;color:#b7cbd6;font-size:17px;line-height:1.75}.welcome-actions{display:flex;flex-wrap:wrap;gap:12px}.quest-button,.login-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border-radius:6px;padding:14px 23px;font-size:14px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}.quest-button{background:linear-gradient(120deg,#ffdd95,#ecc16b);color:#17232a;border:1px solid #ffe3a0;box-shadow:0 4px 30px #f7cf7614}.quest-button:hover{transform:translateY(-2px);box-shadow:0 7px 32px #f7cf7633}.quest-button>span{font-size:21px;font-weight:400}.login-button{border:1px solid #7193a355;background:#10273688;color:#e7f5fb;gap:34px}.login-button:hover{background:#1b3d4b;border-color:#70e5ee88}.save-note{display:flex;align-items:center;gap:8px;color:#8eaab9;font-size:11px;margin:18px 0 38px}.save-note svg{color:var(--cyan);opacity:.7;flex-shrink:0}.course-tracks{display:flex;flex-wrap:wrap;gap:9px;max-width:520px}.track-label{width:100%;font-size:10px;color:#829da9;text-transform:uppercase;letter-spacing:2px;margin-bottom:3px}.course-tracks>span:not(.track-label){padding:7px 10px;border:1px solid #87b4c329;border-radius:4px;background:#0b233366;color:#b7cbd6;font-size:10px;white-space:nowrap}.welcome-emblem{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-logo{position:relative;width:110%;max-width:580px;height:auto;mix-blend-mode:lighten;filter:drop-shadow(0 20px 60px #0006);animation:arrive .8s ease-out both}.emblem-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #77d8e019;border-radius:50%;box-shadow:0 0 0 28px #63d5eb05,0 0 0 29px #77d8e00a,0 0 130px #54cfe70c;z-index:-1}.quest-marker{position:absolute;bottom:2%;right:0;display:flex;align-items:center;gap:13px;min-width:245px;padding:14px 17px;border:1px solid #78ccd044;border-radius:8px;background:linear-gradient(115deg,#132f3cf0,#091f2df0);box-shadow:0 12px 40px #0004;transform:rotate(-3deg)}.marker-diamond{font-size:30px;color:var(--gold)}.quest-marker small{display:block;color:#7fa5b5;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}.quest-marker strong{font-size:13px;font-weight:600}.marker-plus{margin-left:22px;color:var(--cyan);font-size:21px}.adventure-steps{max-width:1232px;margin:0 auto;padding:26px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0a202a35,#18374224,#0a202a35)}.adventure-steps article{display:flex;gap:17px;padding:4px 30px;border-right:1px solid var(--line);align-items:center}.adventure-steps article:last-child{border-right:0}.step-icon{font:11px ui-monospace,monospace;color:var(--gold);width:35px;height:35px;display:grid;place-items:center;border:1px solid #adccdb33;border-radius:7px;flex-shrink:0;background:#15324255}.adventure-steps h2{font-size:13px;font-weight:650;margin:0 0 6px}.adventure-steps p{font-size:11px;color:#8ca7b5;margin:0;line-height:1.6}.welcome-footer{display:flex;justify-content:space-between;gap:20px;padding:23px 6%;max-width:1400px;margin:auto;color:#6f8996;font-size:10px;line-height:1.6}.welcome-footer>span:first-child{color:#adc6cc}.account-main{max-width:1120px;padding:40px 5% 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.account-story{padding-top:30px}.account-story .hero-logo{width:260px;display:block;margin-bottom:20px}.account-story h1{font-size:46px;letter-spacing:-2px}.account-story .hero-description{font-size:15px;margin:20px 0}.account-panel{min-width:0;padding:26px;border:1px solid var(--line);border-radius:14px;background:#0b2030ed;box-shadow:0 20px 80px #0003}.account-panel h2{font-size:22px;margin:0 0 8px;letter-spacing:-.6px}#account-status{font-size:13px;line-height:1.7;color:#abc4d2;margin-bottom:20px}#account-controls{min-height:72px;max-width:100%;overflow-wrap:anywhere}#account-controls>div{max-width:100%}#account-controls a{color:var(--cyan)}#account-actions button{margin-top:20px;padding:10px 18px;background:#173646;border:1px solid var(--line);border-radius:5px;color:#e4f5ff;cursor:pointer}.account-note{margin:24px 0 0;color:#819da9;font-size:11px;line-height:1.8}.account-panel .cl-rootBox,.account-panel .cl-cardBox,.account-panel .cl-card{max-width:100%}.account-links{display:flex;gap:20px;margin-top:23px;color:var(--cyan);font-size:12px}.account-panel a:focus-visible{outline-offset:2px}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.welcome-main{padding-top:80px;padding-bottom:85px}}
@media(max-width:1100px){.adventure-steps{margin:0 5%}.adventure-steps article{padding:3px 18px;gap:12px}.welcome-main{gap:0}.quest-marker{right:0;min-width:210px;padding:12px}.marker-plus{margin-left:8px}.hero-logo{width:115%}.course-tracks{max-width:360px}.account-main{gap:35px}}
@media(max-width:760px){body{background-attachment:scroll;background-position:center top}.welcome-header{padding:22px 6%}.welcome-header nav{gap:16px;font-size:12px}.wordmark{font-size:20px}.brand-rune{width:27px;height:30px;font-size:11px;margin-right:8px}.nav-signup{padding:9px 12px}.nav-signup svg{display:none}.welcome-main{padding:30px 7% 40px;grid-template-columns:1fr;text-align:center;min-height:auto}.eyebrow{justify-content:center;margin-bottom:18px;font-size:10px}.welcome-copy h1{font-size:clamp(48px,10vw,72px);letter-spacing:-2.5px}.hero-description{margin:22px auto 25px;font-size:15px;max-width:360px}.welcome-actions{justify-content:center}.quest-button,.login-button{padding:14px 17px;gap:14px;font-size:13px}.save-note{justify-content:center;margin:16px 0 27px}.course-tracks{justify-content:center;margin:auto;max-width:none}.welcome-emblem{margin:8px auto 32px;width:min(390px,100%)}.hero-logo{width:100%;max-width:390px}.quest-marker{bottom:-14px;right:0;text-align:left;min-width:215px}.adventure-steps{grid-template-columns:1fr;padding:8px 20px;margin:0 7%}.adventure-steps article{padding:19px 0;border-right:0;border-bottom:1px solid var(--line);gap:18px}.adventure-steps article:last-child{border-bottom:0}.adventure-steps h2{font-size:14px}.adventure-steps p{font-size:12px}.welcome-footer{flex-direction:column;align-items:center;text-align:center;gap:7px;padding:24px 7%}.account-main{grid-template-columns:1fr;gap:24px;padding:12px 5% 45px;max-width:520px}.account-story{text-align:center;padding-top:0}.account-story .hero-logo{width:155px;margin:0 auto 10px}.account-story h1{font-size:34px;letter-spacing:-1.5px}.account-story .hero-description{font-size:14px;margin:14px auto 0}.account-panel{padding:22px 16px}.account-links{justify-content:center}.account-note{font-size:11px}}
@media(max-width:380px){.welcome-header{gap:8px}.welcome-header nav{gap:10px}.welcome-actions{flex-direction:column}.welcome-actions a{width:100%}.course-tracks{gap:6px}.quest-marker{min-width:200px;right:4px}.wordmark{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the interactive authentication page free of fixed artwork and image compositing. */
.account-page{background:#071725}.account-page .hero-logo{filter:none;mix-blend-mode:normal;animation:none}.account-page .account-panel{box-shadow:none}.hosted-signin{margin:18px 0 0;font-size:12px;line-height:1.8;color:var(--muted)}.hosted-signin a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

.password-requirements{margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:7px;background:#102b38}.password-requirements h3{margin:0 0 9px;color:var(--gold);font-size:13px;font-weight:650}.password-requirements ul{margin:0;padding-left:18px;color:#c3d7e2;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.password-requirements li+li{margin-top:3px}