:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,sans-serif;line-height:1.5;background:radial-gradient(circle at top,#1f2937,#0b1020 55%,#04070f);color:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(560px,100%);background:#111827f0;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:24px;box-shadow:0 24px 40px #01030973}.card-header h1{margin:0;font-size:clamp(2rem,4vw,2.6rem)}.card-header p{margin-top:8px;color:#9ca3af}.form-wrap{display:grid;gap:12px}.form-wrap input{width:100%;border:1px solid #334155;border-radius:10px;background:#0f172a;color:#f8fafc;padding:12px}button{border:1px solid transparent;border-radius:10px;background:#34d399;color:#041017;font-weight:700;padding:10px 14px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:#cbd5e1;border-color:#94a3b866}.status{margin-top:16px;padding:12px;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#0f172ab3}.status.ok{border-color:#34d39999}.status.error{border-color:#f87171a6}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px;color:#9ca3af;font-size:.92rem}@media (max-width: 600px){.card{padding:18px}.card-footer{flex-direction:column;align-items:flex-start}}