:root{--midnight-indigo:#030712;--deep-space:#0B0F19;--nebula-obsidian:#070B12;--panel:rgba(255,255,255,0.055);--panel-strong:rgba(255,255,255,0.085);--border:rgba(255,255,255,0.08);--border-strong:rgba(212,175,55,0.32);--text:#F8FAFC;--muted:#94A3B8;--soft:#CBD5E1;--gold:#D4AF37;--jade:#10B981;--crimson:#EF4444;--blue:#38BDF8;--radius:12px;--blur:blur(12px);--shadow:0 28px 90px rgba(0,0,0,0.44)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:17px}body{margin:0;min-width:320px;background:linear-gradient(135deg,var(--midnight-indigo) 0,var(--deep-space) 48%,#020617 100%);color:var(--text);font-family:Satoshi,Avenir Next,Segoe UI,sans-serif;font-size:1rem;line-height:1.65;letter-spacing:0}body:before{position:fixed;inset:0;z-index:-2;content:"";background:repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 88px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 88px),linear-gradient(160deg,rgba(212,175,55,.11),transparent 30%,rgba(16,185,129,.08));opacity:.72}.solar-system-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.6}.solar-system-bg .sun{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle,#f5d76e,var(--gold),rgba(212,175,55,.4));box-shadow:0 0 60px 16px rgba(212,175,55,.3),0 0 120px 40px rgba(212,175,55,.1)}.solar-system-bg .orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform-origin:center}.solar-system-bg .orbit .planet{position:absolute;top:-4px;left:50%;margin-left:-4px;width:8px;height:8px;border-radius:50%}.solar-system-bg .orbit-1{width:160px;height:160px;margin:-80px 0 0 -80px;animation:orbit-spin 28s linear infinite}.solar-system-bg .orbit-1 .planet{width:6px;height:6px;top:-3px;margin-left:-3px;background:#cbd5e1;box-shadow:0 0 6px 2px rgba(203,213,225,.4)}.solar-system-bg .orbit-2{width:280px;height:280px;margin:-140px 0 0 -140px;animation:orbit-spin 44s linear infinite reverse}.solar-system-bg .orbit-2 .planet{width:8px;height:8px;top:-4px;margin-left:-4px;background:var(--gold);box-shadow:0 0 8px 3px rgba(212,175,55,.5)}.solar-system-bg .orbit-3{width:420px;height:420px;margin:-210px 0 0 -210px;animation:orbit-spin 66s linear infinite}.solar-system-bg .orbit-3 .planet{width:7px;height:7px;top:-4px;margin-left:-4px;background:#ef4444;box-shadow:0 0 8px 3px rgba(239,68,68,.4)}.solar-system-bg .orbit-4{width:600px;height:600px;margin:-300px 0 0 -300px;animation:orbit-spin 90s linear infinite reverse}.solar-system-bg .orbit-4 .planet{width:12px;height:12px;top:-6px;margin-left:-6px;background:rgba(212,175,55,.7);box-shadow:0 0 12px 4px rgba(212,175,55,.35)}.solar-system-bg .orbit-5{width:800px;height:800px;margin:-400px 0 0 -400px;animation:orbit-spin 120s linear infinite}.solar-system-bg .orbit-5 .planet{width:10px;height:10px;top:-5px;margin-left:-5px;background:var(--jade);box-shadow:0 0 10px 4px rgba(16,185,129,.35)}@keyframes orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button,input,select,textarea{font:inherit}a,button{color:inherit}a{text-decoration:none}.astro-shell{--shell-gutter:clamp(18px,3vw,44px);position:relative;z-index:1;min-height:100vh;padding:104px var(--shell-gutter) 72px;overflow-x:hidden}.astro-shell:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(3,7,18,.92),transparent 26%,transparent 72%,rgba(3,7,18,.86)),linear-gradient(180deg,rgba(212,175,55,.09),transparent 28%,rgba(16,185,129,.05))}.topbar{position:fixed;top:18px;left:clamp(14px,2.5vw,34px);right:clamp(14px,2.5vw,34px);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(3,7,18,.72);box-shadow:0 18px 70px rgba(0,0,0,.32);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:max-content;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(212,175,55,.38);border-radius:var(--radius);background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(255,255,255,.04));color:var(--gold);font-size:.82rem;font-weight:800}.brand-lockup small,.brand-lockup strong{display:block}.brand-lockup strong{font-size:.98rem;line-height:1.1}.brand-lockup small{margin-top:3px;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.mode-pill{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));grid-gap:6px;gap:6px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.035)}.mode-pill button{min-height:42px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:800;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.mode-pill button:hover{color:var(--text);transform:translateY(-1px)}.mode-pill button.active{background:linear-gradient(135deg,rgba(212,175,55,.23),rgba(16,185,129,.12));color:var(--text);box-shadow:inset 0 0 0 1px rgba(212,175,55,.3),0 10px 30px rgba(0,0,0,.25)}