*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0D0D0F;--surface: #1A1A1E;--text: #F0EDE6;--muted: #8A8A8A;--border: #2A2A2E;--accent: #F5A623;--error: #EF4444;--success: #22C55E;--radius: 16px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 20px}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px}.logo{font-family:var(--font-display);font-size:22px;color:var(--accent);margin-bottom:32px;display:block}h1{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:10px}.subtitle{color:var(--muted);font-size:14px;margin-bottom:28px}.status-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}.status-icon.success{background:#22c55e1f;color:var(--success)}.status-icon.error{background:#ef44441f;color:var(--error)}.status-icon.loading{background:#f5a6231f;color:var(--accent)}.spinner{width:28px;height:28px;border:3px solid transparent;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.msg{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:28px}.msg strong{color:var(--text)}.btn{display:block;width:100%;padding:14px;border-radius:100px;border:none;cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:600;text-align:center;text-decoration:none;transition:opacity .15s;margin-bottom:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0d0d0f}.btn-primary:hover:not(:disabled){opacity:.88}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:#3a3a3e}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.field input::placeholder{color:var(--muted)}.error-msg{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:12px 14px;color:var(--error);font-size:13px;margin-bottom:16px}.divider{height:1px;background:var(--border);margin:24px 0}