:root{--bg: #0c0f14;--panel: #151a22;--border: #2a3344;--text: #e8edf5;--muted: #8b98ad;--accent: #3d8bfd;--accent-dim: #2563c9;--danger: #f87171;--radius: 12px;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 120% 80% at 50% -20%,#1a2840 0%,var(--bg) 55%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:640px;margin:0 auto;padding:3rem 1.5rem 4rem}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.sub{color:var(--muted);margin:0 0 2rem;font-size:.95rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem}.panel h2{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input,textarea{width:100%;padding:.65rem .85rem;border-radius:8px;border:1px solid var(--border);background:#0e1218;color:var(--text);font:inherit;margin-bottom:1rem}textarea{min-height:80px;resize:vertical}button{font:inherit;font-weight:600;padding:.65rem 1.25rem;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.status{font-size:.9rem;padding:.75rem 1rem;border-radius:8px;background:#0e1218;border:1px solid var(--border);margin-top:1rem}.status.error{border-color:#7f1d1d;color:var(--danger)}.note{font-size:.8rem;color:var(--muted);margin-top:1.5rem;line-height:1.45}