:root{--bg:#050806;--bg-elevated:#0a120e;--fg:#f4fff6;--muted:#8aa892;--faint:#4a6354;--lime:#7cff6b;--emerald:#00e676;--gold:#f5d76e;--cyan:#b8f0ff;--glass:#0c1c128c;--glass-border:#7cff6b2e;--ok:#7cff6b;--danger:#ff6b7a;--radius:16px;--font:"DM Sans", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}a{color:inherit}img{max-width:100%;display:block}::selection{color:var(--fg);background:#7cff6b4d}.page{background:radial-gradient(120% 80% at 50% -10%, #b8f0ff14, transparent 55%), radial-gradient(90% 60% at 100% 20%, #f5d76e12, transparent 50%), radial-gradient(80% 50% at 0% 40%, #7cff6b1a, transparent 45%), var(--bg);min-height:100dvh;position:relative;overflow-x:hidden}.glow{pointer-events:none;filter:blur(60px);opacity:.45;border-radius:999px;position:absolute}.glow-lime{background:#00e67659;width:280px;height:280px;top:8%;left:-80px}.glow-gold{background:#f5d76e47;width:220px;height:220px;top:18%;right:-60px}.shell{z-index:1;width:min(100%,560px);margin:0 auto;padding:16px 16px 40px;position:relative}.glass{border:1px solid var(--glass-border);border-radius:calc(var(--radius) + 4px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(165deg,#122418b8,#08100cd1);box-shadow:inset 0 0 0 1px #f5d76e0a,0 20px 50px #00000059}.hero{margin-bottom:14px;overflow:hidden}.banner-wrap{background:var(--cyan);height:120px;position:relative}.banner{object-fit:cover;width:100%;height:100%}.banner-fade{background:linear-gradient(#0000,#08100cf2);height:48px;position:absolute;inset:auto 0 0}.hero-body{align-items:flex-end;gap:14px;margin-top:-36px;padding:0 16px 18px;display:flex}.avatar{object-fit:cover;border:3px solid var(--bg);background:#7cff6b;border-radius:50%;flex-shrink:0;width:84px;height:84px;box-shadow:0 0 0 2px #7cff6b8c,0 0 24px #7cff6b40}.hero-copy{min-width:0;padding-bottom:2px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:11px;font-weight:600}.hero-copy h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,5vw,1.7rem);line-height:1.15}.handle{color:var(--lime);align-items:center;gap:6px;margin-top:6px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.handle:hover{color:var(--cyan)}.bio{color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.45}.card{margin-bottom:14px;padding:18px 16px}.card-head h2{letter-spacing:-.02em;margin:4px 0 0;font-size:1.15rem}.step{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0;font-size:11px;font-weight:600}.muted{color:var(--muted);margin:8px 0 0;font-size:.88rem;line-height:1.5}.muted a{color:var(--lime);text-decoration:none}.tasks{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.task-row{align-items:stretch;gap:8px;display:flex}.task-btn{min-height:52px;color:var(--fg);text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #f4fff61a;border-radius:12px;flex:1;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,transform .12s;display:flex}.task-btn:hover{border-color:#7cff6b59}.task-btn:active{transform:scale(.99)}.task-btn.on{background:#7cff6b1a;border-color:#7cff6b66}.check{width:22px;height:22px;color:var(--bg);background:#ffffff0f;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.check.on{background:var(--lime);box-shadow:0 0 12px #7cff6b73}.dot{background:var(--faint);border-radius:999px;width:7px;height:7px}.task-label{flex-direction:column;gap:3px;font-size:.92rem;line-height:1.3;display:flex}.req{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:600}.task-ext{width:48px;min-height:52px;color:var(--muted);border:1px solid #f4fff61a;border-radius:12px;place-items:center;text-decoration:none;display:grid}.task-ext:hover{color:var(--fg);border-color:#b8f0ff59}.form-card.locked{opacity:.55}.form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;display:flex}.field em{color:var(--faint);font-style:normal;font-weight:500}.field input{min-height:48px;color:var(--fg);background:#00000059;border:1px solid #f4fff61f;border-radius:12px;outline:none;padding:12px 14px}.field input:focus{border-color:#7cff6b8c;box-shadow:0 0 0 3px #7cff6b1f}.field input:disabled{cursor:not-allowed;opacity:.7}.field input::placeholder{color:var(--faint)}.error{color:var(--danger);margin:0;font-size:.85rem}.btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;min-height:48px;font-weight:700;transition:transform .12s,opacity .15s,box-shadow .15s}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{background:linear-gradient(135deg, var(--lime), var(--emerald));color:#041208;box-shadow:0 10px 28px #00e67647}.btn.primary:hover:not(:disabled){box-shadow:0 12px 32px #7cff6b61}.btn.ghost{color:var(--muted);background:0 0;border:1px solid #f4fff61f;margin-top:8px}.btn.ghost:hover{color:var(--fg);border-color:#b8f0ff4d}.success-card{text-align:center;padding-top:28px;padding-bottom:24px}.success-badge{width:56px;height:56px;color:var(--lime);background:#7cff6b26;border-radius:999px;place-items:center;margin:0 auto 12px;display:grid;box-shadow:0 0 0 1px #7cff6b59}.success-card h2{margin:0;font-size:1.35rem}.meta{text-align:left;background:#00000047;border:1px solid #f4fff614;border-radius:12px;margin:18px 0 0;padding:14px}.meta div+div{margin-top:12px}.meta dt{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px}.meta dd{word-break:break-all;margin:4px 0 0;font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.footer{color:var(--faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 4px 0;font-size:.82rem;display:flex}.footer-link{color:var(--muted);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--cyan)}.footer-sep{opacity:.5}.icon-xs{width:12px;height:12px}.icon-sm{width:14px;height:14px}.icon-md{width:24px;height:24px}@media (width>=480px){.shell{padding:24px 20px 48px}.banner-wrap{height:140px}.avatar{width:96px;height:96px}.hero-body{margin-top:-44px;padding:0 20px 22px}.card{padding:22px 20px}}
