:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f4ee;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050505;--ink: #f7f4ee;--muted: #b8b1a6;--faint: #7c766e;--glass: rgba(20, 20, 23, .58);--glass-strong: rgba(27, 27, 31, .78);--line: rgba(255, 255, 255, .135);--line-hot: rgba(206, 122, 72, .48);--hot: #c97648;--hot-2: #9f4f43;--lime: #d8bc72;--cyan: #e7dfce;--violet: #8d8577;--steel: #202126;--shadow: 0 30px 100px rgba(0, 0, 0, .58)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink);background:linear-gradient(115deg,rgba(216,188,114,.1),transparent 33%),linear-gradient(245deg,rgba(201,118,72,.1),transparent 32%),linear-gradient(135deg,#040404,#111114 46%,#080809)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 76%);mask-image:linear-gradient(to bottom,black,transparent 76%)}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.035)),repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 1px,transparent 1px 11rem);opacity:.72}.ambient-grid:before,.ambient-grid:after{display:none}.glass-panel{border:1px solid var(--line);background:linear-gradient(150deg,#ffffff24,#ffffff0b 44%,#ffffff06),var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}.eyebrow{margin:0 0 .65rem;color:var(--lime);font-size:.75rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:1rem}.pass-emblem{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:3.35rem;height:3.35rem;border:1px solid rgba(232,218,181,.22);border-radius:.95rem;background:linear-gradient(145deg,rgba(255,255,255,.15),transparent 42%),linear-gradient(180deg,#d8bc7224,#ffffff06),#08080ae0;box-shadow:0 16px 38px #00000057,inset 0 1px #ffffff2e,inset 0 -1px #0000008c;overflow:hidden}.pass-emblem:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:.86rem;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 38%);opacity:.65}.pass-emblem:after{content:"";position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,244,238,.78),transparent)}.pass-emblem strong{position:relative;z-index:1;color:var(--ink);font-size:.88rem;font-weight:1000;letter-spacing:.01em;text-shadow:0 1px 0 rgba(0,0,0,.7)}.loader-mark{animation:pulseMark 1.5s ease-in-out infinite}@keyframes pulseMark{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-4deg)}}.landing-shell{position:relative;min-height:100vh;padding:1.25rem clamp(1rem,3vw,3rem) 3rem;overflow:hidden}.landing-nav{width:min(1280px,100%);margin:0 auto 3.4rem;padding:.8rem;border-radius:1.4rem;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.9rem}.brand span:last-child{display:grid;gap:.08rem}.brand strong{font-size:1.08rem;font-weight:950}.brand small,.nav-note{color:var(--muted)}.nav-note{padding:.75rem 1rem;border:1px solid rgba(216,188,114,.28);border-radius:999px;background:#d8bc7213;font-weight:800}.landing-grid{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.56fr);gap:clamp(1.3rem,4vw,4.5rem);align-items:center}.hero-copy{position:relative}.hero-copy:after{content:"LOCKED";position:absolute;right:7%;top:-2.1rem;transform:rotate(7deg);padding:.55rem .85rem;border:1px solid rgba(201,118,72,.55);border-radius:.7rem;background:#c976481f;color:var(--hot);font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{display:grid;gap:.04em;max-width:860px;margin:0;font-size:clamp(3.4rem,8vw,8.2rem);line-height:.86;letter-spacing:0}.headline-accent{color:transparent;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--hot));-webkit-background-clip:text;background-clip:text}.hero-text{max-width:650px;margin:1.55rem 0 0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.65}.hero-metrics{margin-top:1.9rem;display:flex;flex-wrap:wrap;gap:.75rem}.hero-metrics span,.beta-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:0 .95rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:var(--ink);font-size:.85rem;font-weight:950}.hero-metrics span:nth-child(2){border-color:#e7dfce4d}.hero-metrics span:nth-child(3),.beta-pill{border-color:#c9764857}.signup-card{position:relative;border-radius:1.5rem;padding:1.1rem;overflow:hidden}.signup-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(216,188,114,.08),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 9px);opacity:.55}.signup-card>*{position:relative}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2,.season-card h2,.section-title h2,.billing-strip h2,.account-panel h2{margin:0;font-size:clamp(1.55rem,2.2vw,2.35rem);line-height:1.02;letter-spacing:0}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:.36rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:1rem;background:#060607b8}.segmented button,.icon-button,.ghost-button,.primary-button,.locked-button,.level-bottom button{cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease,color .17s ease,box-shadow .17s ease}.segmented button{min-height:2.85rem;border-radius:.75rem;background:transparent;color:var(--muted);font-weight:950}.segmented button.active{background:linear-gradient(135deg,#d8bc722e,#e7dfce1a);color:var(--ink)}.stack-form{display:grid;gap:.9rem}.stack-form label{display:grid;gap:.42rem;color:var(--muted);font-size:.88rem;font-weight:850}.stack-form input{width:100%;min-height:3.35rem;padding:0 1rem;border:1px solid rgba(255,255,255,.16);border-radius:.95rem;outline:none;background:#060607b8;color:var(--ink)}.stack-form input::placeholder{color:#f5f7fb66}.stack-form input:focus{border-color:#d8bc729e;box-shadow:0 0 0 4px #d8bc721f}.primary-button,.ghost-button,.locked-button{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:0 1.05rem;border-radius:.95rem;font-weight:1000}.primary-button{color:#08100d;background:linear-gradient(135deg,var(--lime),var(--cyan));box-shadow:0 18px 48px #d8bc7229}.primary-button:hover,.ghost-button:hover,.level-card:not(.locked):hover{transform:translateY(-2px)}.primary-button:disabled,.locked-button:disabled,.level-bottom button:disabled{cursor:not-allowed;opacity:.72}.primary-button.slim{min-width:11rem}.ghost-button{border:1px solid var(--line);background:#fff1;color:var(--ink)}.full-width{width:100%}.icon-button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:.85rem;background:#ffffff12;color:var(--ink)}.locked-button{border:1px solid rgba(201,118,72,.34);background:#c976481a;color:#efd9ca}.signed-in-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:1rem;background:#fff1}.signed-in-row div{display:grid;gap:.1rem}.signed-in-row span:not(.beta-pill){color:var(--muted);font-size:.88rem}.preview-stage{width:min(1280px,calc(100% - 2rem));margin:3.6rem auto 0;padding:1rem;border-radius:1.5rem}.preview-topline{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);margin-bottom:.8rem;font-weight:850}.preview-road{display:grid;grid-template-columns:repeat(16,minmax(54px,1fr));gap:.7rem;align-items:end}.preview-tile{position:relative;min-height:8rem;padding:.75rem;border:1px solid var(--line);border-radius:1rem;display:grid;align-content:space-between;background:linear-gradient(145deg,#ffffff1f,#ffffff0a),#101012bd;overflow:hidden}.preview-tile strong{justify-self:center;font-size:2.1rem}.preview-tile svg{justify-self:end;color:var(--hot)}.preview-tile.locked{opacity:.92}.preview-tile.milestone{grid-column:span 2;min-height:10rem;border-color:#d8bc7275;background:linear-gradient(145deg,#d8bc7224,#c9764814),#111114c7}.preview-tile.final{grid-column:span 3;min-height:11.4rem;border-color:#c976489e;box-shadow:0 20px 70px #c9764829}.app-shell{min-height:100vh;width:min(1440px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 1.25rem}.app-topbar{position:sticky;top:1rem;z-index:10;min-width:0;min-height:5rem;padding:.7rem;border-radius:1.25rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;background:linear-gradient(145deg,#ffffff1f,#ffffff0a),#121214e0}.app-brand{min-width:13rem}.app-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:.35rem}.app-nav a{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:0 .9rem;border:1px solid transparent;border-radius:.82rem;color:var(--muted);font-weight:850;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.app-nav a.active{color:var(--ink);border-color:#d8bc724d;background:#d8bc721f}.app-nav a:hover{color:var(--ink);background:#fff1}.signout-button{min-width:7.5rem}.workspace{min-width:0;display:grid;gap:1rem;padding-top:1rem}.app-header{min-height:6.4rem;border-radius:1.35rem;padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:clamp(2.25rem,4.8vw,4.8rem);line-height:.9}.account-chip{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.45fr));gap:1rem;align-items:start}.season-card,.stat-card,.billing-strip,.account-panel{border-radius:1.35rem;padding:1rem}.season-card{min-width:0;min-height:12rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.season-copy p:not(.eyebrow),.billing-strip p,.section-title p,.account-panel p{color:var(--muted);line-height:1.55}.progress-ring{width:9rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(9,11,21,.86) 57%,transparent 59%),conic-gradient(var(--lime) calc(var(--value, 0) * 1%),rgba(255,255,255,.13) 0);border:1px solid rgba(216,188,114,.28)}.progress-ring span{font-size:1.65rem;font-weight:1000}.stat-card{min-width:0;min-height:12rem;display:grid;align-content:space-between;gap:1rem}.stat-card span{color:var(--muted);font-weight:900}.stat-card strong{min-width:0;font-size:clamp(1.8rem,3.2vw,3.25rem);line-height:.9;overflow-wrap:anywhere}.stat-card small{color:var(--faint)}.billing-strip{display:grid;grid-template-columns:minmax(11rem,auto) minmax(0,1fr) auto;align-items:center;gap:1rem}.section-title{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin:1.25rem 0 1rem}.section-title p{max-width:36rem;margin:0}.pass-board{min-width:0;scroll-margin-top:7.35rem}.chapter-strip{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;border-radius:1.35rem;margin-bottom:1rem;overflow:hidden}.chapter-strip.locked{background:linear-gradient(145deg,#ffffff18,#ffffff06),#0c0c0ead}.chapter-head{display:grid;gap:.35rem}.chapter-head span{color:var(--lime);font-size:.78rem;font-weight:1000;text-transform:uppercase}.chapter-head h3{margin:0;font-size:1.42rem}.chapter-head p{margin:0;color:var(--muted)}.level-grid{min-width:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr)) minmax(142px,1.55fr);gap:.62rem;align-items:start}.level-card{position:relative;min-width:0;min-height:8.6rem;padding:.66rem;border:1px solid var(--line);border-radius:.95rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.52rem;background:linear-gradient(150deg,#ffffff1b,#ffffff07),#111114a3;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000006b;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.14),transparent 28% 74%,rgba(255,255,255,.055));opacity:.58}.level-card>*{position:relative;z-index:1}.level-card.milestone{min-height:10.8rem;border-color:#d8bc7285;background:linear-gradient(150deg,#d8bc7221,#ffffff09),#121215b3}.level-card.final{min-height:12.2rem;border-color:#c97648ad;background:linear-gradient(150deg,#c976482e,#d8bc7212),#121215bd;box-shadow:0 30px 85px #c9764824,inset 0 0 0 1px #ffffff14}.level-card.locked{opacity:.95}.level-card.completed{border-color:#e7dfce80}.level-top,.level-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.level-top span,.level-bottom span{color:var(--muted);font-size:.72rem;font-weight:950;text-transform:uppercase}.level-top svg{color:var(--hot);flex:0 0 auto}.reward-frame{position:relative;width:100%;height:100%;min-height:5.35rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:.78rem;background:linear-gradient(135deg,#ffffff1f,#ffffff06),#0404066b;box-shadow:inset 0 1px #ffffff24,inset 0 -20px 50px #0000002e;overflow:hidden}.reward-frame:after{content:"";position:absolute;top:-35%;right:-70%;bottom:-35%;left:-70%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.24) 50%,transparent 58%);transform:translate(-26%) rotate(.001deg);opacity:.45;pointer-events:none;transition:opacity .18s ease,transform .22s ease}.level-card:hover .reward-frame:after{opacity:.72;transform:translate(8%) rotate(.001deg)}.level-card.milestone .reward-frame{min-height:7.65rem}.level-card.final .reward-frame{min-height:8.9rem}.reward-frame strong{position:relative;z-index:1;display:block;font-size:clamp(2.35rem,4vw,4.25rem);line-height:1;color:#f7f4eeeb;text-shadow:0 1px 0 rgba(0,0,0,.65);transform:translateY(-.02em)}.reward-frame img{width:100%;height:100%;object-fit:cover;border-radius:.7rem}.level-bottom button{min-height:2rem;padding:0 .55rem;border:1px solid rgba(201,118,72,.32);border-radius:.62rem;background:#c976481a;color:#efd9ca;font-size:.72rem;font-weight:950}.level-bottom button:not(:disabled):hover{border-color:#d8bc729e;background:#d8bc7221;color:var(--ink)}.final-shine{position:absolute;top:.75rem;right:.75rem;color:var(--lime);animation:gentleSpin 6s linear infinite}@keyframes gentleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-panel{scroll-margin-top:7.35rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.access-panel{scroll-margin-top:7.35rem;border-radius:1.35rem;padding:1rem;margin-bottom:1rem}.section-title.compact{margin-top:0}.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.status-field{min-width:0;min-height:8.4rem;display:grid;align-content:space-between;gap:.55rem;padding:.9rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#ffffff0b}.status-field span{color:var(--lime);font-size:.74rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.status-field strong{min-width:0;font-size:clamp(1.35rem,2.3vw,2.1rem);line-height:1;overflow-wrap:anywhere}.status-field small{color:var(--muted);line-height:1.4}.account-status{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}.account-status span:not(.beta-pill){min-height:2.35rem;display:inline-flex;align-items:center;padding:0 .9rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-transform:capitalize}.toast{position:fixed;right:1rem;bottom:1rem;z-index:20;max-width:min(420px,calc(100vw - 2rem));padding:.9rem 1rem;border:1px solid var(--line);border-radius:1rem;background:#0c0c0ee6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);color:var(--ink);font-weight:850}.toast.good{border-color:#e7dfce80}.toast.bad{border-color:#c97648a3}.toast.neutral{border-color:#d8bc7285}@media (max-width: 1180px){.landing-grid,.overview-grid{grid-template-columns:1fr}.preview-road{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(94px,1fr);grid-template-columns:none;padding-bottom:.2rem}.preview-tile.milestone,.level-card.milestone{min-width:240px}.level-grid{overflow-x:auto;grid-template-columns:repeat(9,minmax(86px,1fr)) minmax(170px,1.5fr);padding-bottom:.2rem}}@media (max-width: 880px){.app-shell{width:min(100% - 1rem,1440px);padding-top:.5rem}.app-topbar{position:static;grid-template-columns:1fr}.app-brand{min-width:0}.app-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:.1rem}.signout-button{width:100%}.billing-strip,.season-card,.chapter-strip,.account-panel,.app-header,.access-grid{grid-template-columns:1fr;align-items:stretch}.account-chip,.account-status{justify-content:flex-start}.progress-ring{width:7.5rem}}@media (max-width: 680px){.landing-shell{padding:.75rem .75rem 2rem}.landing-nav{margin-bottom:2rem}.nav-note{display:none}.hero-copy:after{position:static;display:inline-flex;margin-bottom:1rem;transform:none}.hero-copy h1{font-size:clamp(2.7rem,17vw,4.9rem)}.signup-card,.preview-stage,.app-header,.season-card,.stat-card,.billing-strip,.chapter-strip,.account-panel,.access-panel{border-radius:1.05rem}.signed-in-row{grid-template-columns:auto 1fr}.signed-in-row .beta-pill{grid-column:1 / -1;justify-self:start}.app-shell{padding:.75rem}}