:root{font-family:'DM Sans',sans-serif;color:#e9edf9;background:#0b1330;--navy:#0b1330;--panel:#172347;--line:#344166;--mint:#b8f286;--yellow:#ffdc79;--lilac:#b9a9ff;--coral:#ff9c88}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0%,#273169 0,transparent 38%),#0b1330}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}a{color:inherit}.shell{max-width:1460px;margin:auto;min-height:100vh;display:grid;grid-template-columns:246px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid #2d3b62;background:#101b3a;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 12px;text-decoration:none;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.05em}.brand small{display:block;color:var(--mint);font:700 12px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}.mark{width:40px;height:40px;border-radius:14px;background:var(--mint);color:#102249;display:grid;place-items:center;font-size:24px;transform:rotate(-9deg)}.nav{display:grid;gap:6px;margin-top:45px}.nav button,.mobile-nav button{width:100%;border:0;background:transparent;color:#abb6d0;border-radius:14px;text-align:left;padding:13px 16px;font-weight:700}.nav button.active,.mobile-nav button.active{background:#32406b;color:white}.nav button:hover,.mobile-nav button:hover{background:#26365b;color:white}.nav button span{display:inline-block;width:28px}.side-note{margin-top:auto;background:#24365a;border:1px solid #4b6281;border-radius:20px;padding:17px;color:#c7d5e6;font-size:13px;line-height:1.5}.side-note strong{color:white;display:block;margin-bottom:8px;font-size:15px}.main{min-width:0;padding:28px clamp(18px,4vw,62px) 70px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;color:#aeb9d3;font-size:13px;font-weight:700}.topbar .right{display:flex;gap:10px;align-items:center}.pill{border:1px solid #4a5b84;border-radius:999px;padding:8px 13px;background:#1b2b51}.spark{background:var(--yellow);color:#263153;border:0}.page-title{font:700 clamp(34px,4vw,58px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:10px 0 15px}.eyebrow{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.lead{color:#b9c4df;line-height:1.65;max-width:650px;font-size:16px}.hero{border:1px solid #485887;border-radius:30px;background:linear-gradient(112deg,#242e65,#171f45 70%);min-height:320px;padding:clamp(24px,4vw,50px);position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;right:-100px;top:-145px;width:540px;height:540px;border:1px solid #5968a0;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff06}.hero-content{position:relative;z-index:1;max-width:640px}.hero h1{font:700 clamp(40px,5vw,72px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:13px 0}.hero p{color:#d1d8ec;line-height:1.55;max-width:490px}.btn{border:0;border-radius:14px;background:var(--mint);color:#142640;font-weight:800;padding:13px 20px;box-shadow:0 6px 0 #669a69;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(2px);box-shadow:0 4px 0 #669a69}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 #669a69}.btn.secondary{background:#2e3c69;color:white;border:1px solid #5e72a1;box-shadow:none}.btn.ghost{background:transparent;color:#e9edf9;border:1px solid #58688b;box-shadow:none}.btn.small{padding:9px 13px;font-size:13px}.hero-mascot{position:absolute;right:8%;bottom:7%;width:min(29%,280px);aspect-ratio:1;filter:drop-shadow(0 22px 20px #07102f)}.hero-mascot svg{width:100%;height:100%;animation:float 3.8s ease-in-out infinite}.section-title{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:36px 0 16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid #35466f;border-radius:22px;background:#172347;padding:23px;box-shadow:0 20px 40px #050b211f}.card h3{font:700 20px 'Space Grotesk',sans-serif;margin:12px 0 8px}.card p{color:#adb9d2;line-height:1.5;margin:0 0 18px}.card .icon{font-size:28px}.metric{color:var(--mint);font-weight:800;font-size:14px}.trail{display:grid;gap:14px;max-width:870px}.trail-step{border:1px solid #41527d;background:#1a2850;border-radius:22px;padding:20px;display:flex;gap:18px;align-items:center}.trail-step.locked{opacity:.56}.step-icon{flex:none;width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:#3c4d81;color:#fff;font-size:26px}.trail-step.done .step-icon{background:var(--mint);color:#18333b}.trail-step h3{margin:0 0 4px;font:700 20px 'Space Grotesk',sans-serif}.trail-step p{color:#aebbd7;margin:0;font-size:14px;line-height:1.5}.trail-step .btn{margin-left:auto;white-space:nowrap}.stage-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 25px}.field,select{background:#121d3d;color:#fff;border:1px solid #53648b;border-radius:12px;padding:12px;min-height:45px}.field::placeholder{color:#8090b0}label{display:block;color:#cbd4e9;font-weight:700;font-size:13px;margin-bottom:7px}.game-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:20px}.game-board{background:radial-gradient(circle at 50% 5%,#35467f,#1c2c59 58%);border:1px solid #6675a6;border-radius:28px;padding:clamp(20px,4vw,36px);min-height:500px}.game-board h2{font:700 clamp(28px,3vw,43px) 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:8px 0}.scenario{color:#d1ddf3;line-height:1.6;max-width:650px}.budget{display:flex;align-items:center;gap:16px;background:#101d40;border:1px solid #52618a;padding:15px 18px;border-radius:17px;margin:25px 0}.budget strong{font:700 30px 'Space Grotesk',sans-serif;color:var(--yellow)}.allocations{display:grid;gap:16px}.allocation{background:#122043;border:1px solid #42567e;padding:15px;border-radius:16px}.allocation-top{display:flex;justify-content:space-between;gap:10px;font-weight:800}.allocation small{color:#acbad5;display:block;margin-top:3px}.allocation input[type=range]{width:100%;accent-color:var(--mint);margin-top:17px}.outcome{padding:20px;background:#182d4a;border:1px solid #76a6a7;border-radius:18px;margin:18px 0;line-height:1.55}.outcome strong{color:var(--mint)}.event{color:#ffe1a2;background:#4f3b35;border:1px solid #916f52;border-radius:15px;padding:14px;margin:16px 0}.side-stack{display:grid;gap:15px;align-content:start}.side-stack .card{margin:0}.progress{height:12px;background:#34446a;border-radius:20px;overflow:hidden;margin:14px 0}.progress>span{display:block;background:linear-gradient(90deg,var(--lilac),var(--mint));height:100%;border-radius:20px}.muted{color:#a7b5d0;font-size:13px;line-height:1.6}.habit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid #41527a;border-radius:17px;background:#1a2850;margin-bottom:10px}.habit-row strong{display:block}.habit-row small{display:block;color:#a9b9d1;margin-top:5px}.habit-row.checked{border-color:#8ac5a3}.habit-row.checked .check{background:var(--mint);color:#18333b}.check{border:1px solid #7c8db5;color:white;background:#34436e;border-radius:12px;padding:9px 14px;min-width:72px;font-weight:800}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.form-row>div{flex:1;min-width:190px}.form-row input{width:100%}.goal-ring{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) var(--pct),#31416b 0);margin:20px auto}.goal-ring:before{content:attr(data-label);display:grid;place-items:center;width:120px;height:120px;background:#172347;border-radius:50%;font:700 24px 'Space Grotesk',sans-serif}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bars{display:grid;gap:18px}.bar-label{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.demo-badge{color:#fedca2;font-size:12px}.notice{border:1px solid #64749c;background:#27365e;border-radius:16px;padding:17px;color:#d5def0;line-height:1.55}.mobile-nav{display:none}.toast{position:fixed;right:20px;bottom:20px;z-index:10;background:#e9f9d7;color:#17342d;padding:13px 20px;border-radius:14px;font-weight:800;box-shadow:0 15px 30px #0008}@keyframes float{50%{transform:translateY(-14px) rotate(3deg)}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.hero-mascot{right:2%;opacity:.7}}@media(max-width:820px){.shell{display:block}.sidebar{display:none}.main{padding:20px 16px 104px}.mobile-nav{display:flex;position:fixed;z-index:8;bottom:0;left:0;right:0;background:#101b3a;border-top:1px solid #526288;overflow-x:auto;padding:7px;gap:3px}.mobile-nav button{min-width:78px;text-align:center;padding:8px 5px;font-size:11px}.mobile-nav span{display:block;font-size:19px;margin-bottom:2px}.game-layout,.two-col{grid-template-columns:1fr}.topbar{margin-bottom:20px}.hero{min-height:350px}.hero-content{max-width:80%}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero-content{max-width:100%}.hero-mascot{width:125px;right:-30px;bottom:-25px;opacity:.5}.trail-step{flex-wrap:wrap}.trail-step .btn{margin-left:76px}.page-title{font-size:38px}.budget{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

#action-text{width:100%}