:root{--navy: #0f1d2e;--cyan: #3dd8d8;--text: #e8eef2;--dim: #9aa8b2}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--navy);color:var(--text);font-family:Helvetica,Arial,sans-serif}main{max-width:28rem;margin:0 auto;padding:4rem 1.5rem}.kicker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}h1{margin:.4rem 0 .3rem;font-size:1.75rem}p,label{color:var(--dim);font-size:.95rem;line-height:1.45}form{margin-top:1.75rem;display:grid;gap:.85rem}input{width:100%;margin-top:.35rem;padding:.55rem .7rem;border:1px solid #2a3d52;border-radius:4px;background:#0b1520;color:var(--text)}button{padding:.65rem;border:0;border-radius:4px;background:var(--cyan);color:var(--navy);font-weight:700;cursor:pointer}button.link{background:transparent;color:var(--dim);border:1px solid #2a3d52;font-weight:500;font-size:.75rem;width:auto}.note{margin-top:1rem;font-size:.85rem}.warn{margin-top:1.25rem;padding:.7rem .8rem;border:1px solid #8a6a20;background:#2a220c;color:#f0e0b0;font-size:.85rem}.mods{margin:1.5rem 0 0;padding:0;list-style:none}.mods li{margin-top:.4rem;padding:.55rem .7rem;border:1px solid #243447;background:#142233;font-size:.9rem;color:var(--dim)}