:root{--bg: #0a1428;--bg-2: #0f1c36;--bg-3: #142547;--card: #16264a;--border: rgba(255, 255, 255, .08);--text: #eef2ff;--text-dim: #9aa7c7;--accent: #c4a7ff;--accent-2: #8b5cf6;--accent-3: #4f8bff;--danger: #ff6b6b;--success: #4ade80;--radius: 16px;--radius-lg: 24px;--shadow: 0 30px 60px -20px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1000px 500px at 80% -10%,rgba(139,92,246,.25),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(79,139,255,.18),transparent 60%),var(--bg)}.app-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);background:#0a1428b3}.app-nav-inner{max-width:1180px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:20px;text-decoration:none;color:var(--text)}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent-3));color:#fff;font-size:18px;transform:rotate(-20deg)}.brand-name{letter-spacing:-.01em}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:460px;box-shadow:var(--shadow)}.card h1{font-size:28px;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px}.card p{color:var(--text-dim);margin:0 0 20px;font-size:15px}.card .eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:16px}.card .accent{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.form-row{display:grid;gap:8px;margin-bottom:16px}.form-row label{font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.form-row input{background:#ffffff0a;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:14px 16px;font:inherit;font-size:15px;outline:none;transition:border-color .15s ease,background .15s ease}.form-row input:focus{border-color:#c4a7ff80;background:#ffffff0f}.form-row input:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;font-weight:800;font-size:15px;font-family:inherit;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;width:100%;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-2),var(--accent-3));color:#fff;box-shadow:0 12px 30px -10px #8b5cf699}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff1a}.alert{border-radius:var(--radius);padding:12px 16px;font-size:14px;font-weight:600;margin-bottom:16px;border:1px solid transparent}.alert-error{background:#ff6b6b14;border-color:#ff6b6b4d;color:#ffb3b3}.alert-success{background:#4ade8014;border-color:#4ade804d;color:#b5f5c7}.status{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:20px 0}.status-icon{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;font-size:28px;font-weight:900}.status-icon.success{background:#4ade801f;color:var(--success)}.status-icon.error{background:#ff6b6b1f;color:var(--danger)}.status-icon.loading{background:#c4a7ff1f;color:var(--accent);animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.helper{text-align:center;font-size:13px;color:var(--text-dim);margin-top:20px}.helper a{color:var(--accent);font-weight:700;text-decoration:none}.app-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:24px;text-align:center;font-size:13px;color:var(--text-dim)}