:root{--bg: #0b0b0f;--panel: #15151c;--text: #e7e7ee;--muted: #9a9aa8;--accent: #6c7bff;--danger: #ff6c7b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1b1b29,var(--bg));color:var(--text)}#root{display:grid;place-items:center;padding:24px}.card{width:100%;max-width:560px;background:var(--panel);border:1px solid #23232e;border-radius:16px;padding:40px 36px;box-shadow:0 20px 60px #0006}.badge{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid #2c2c4a;border-radius:999px;padding:4px 12px;margin-bottom:20px}h1{font-size:28px;line-height:1.2;margin:0 0 12px}p{color:var(--muted);line-height:1.6;margin:0 0 8px}code{background:#0e0e14;border:1px solid #23232e;border-radius:6px;padding:2px 6px;color:#c7c7d6;font-size:13px}form{display:grid;gap:14px;margin-top:8px}label{font-size:13px;color:var(--muted);display:grid;gap:6px}input{width:100%;background:#0e0e14;border:1px solid #23232e;border-radius:8px;padding:10px 12px;color:var(--text);font-size:15px}input:focus{outline:none;border-color:var(--accent)}button{background:var(--accent);color:#0b0b0f;border:none;border-radius:8px;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.secondary{background:transparent;color:var(--muted);border:1px solid #23232e;font-weight:400}.alert{border:1px solid #4a2c34;background:#1c1015;color:var(--danger);border-radius:8px;padding:10px 12px;font-size:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}.toolbar span{font-size:13px;color:#6b6b78}