:root{--bg: #0b1220;--panel: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--primary: #22c55e}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 600px at 20% 10%,rgba(34,197,94,.16),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(14,165,233,.12),transparent 60%),var(--bg);color:var(--text)}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(520px,100%);border-radius:16px;border:1px solid var(--border);background:var(--panel);padding:22px;box-shadow:0 12px 30px #0000004d}.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary),rgba(255,255,255,.1));color:#07110a;font-weight:900}.eyebrow{margin:0;font-size:12px;color:var(--muted)}h1{margin:0;font-size:22px}.lead{margin:10px 0 18px;color:var(--muted);font-size:14px}form{display:grid;gap:12px}.field{display:grid;gap:6px}.field span{font-size:12px;color:var(--muted)}input{width:100%;border-radius:12px;border:1px solid var(--border);padding:12px;outline:none;background:#0000002e;color:var(--text)}input::placeholder{color:#fff6}input:focus{border-color:#ffffff47}.subdomain{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.subdomain small{color:var(--muted);font-size:12px}.btn{border:none;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--primary),rgba(255,255,255,.08));color:#07110a}.btn:disabled{opacity:.7;cursor:wait}.error{margin:0;font-size:13px;color:#fecaca}.ok{margin:0;font-size:13px;color:#86efac}