*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f13;--surface:#18181f;--border:#2a2a35;--accent:#7c6aff;--accent-hover:#9b8dff;--text:#e8e8f0;--text-muted:#7a7a90;--error:#ff5f5f;--success:#4ade80;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius:12px;--transition:.18s ease}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:40px}.card__title{font-family:var(--font-display);letter-spacing:-.4px;text-align:center;margin-bottom:8px;font-size:26px;font-weight:700}.card__subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px;font-size:14px}.form-group{margin-bottom:18px}label{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:500;display:block}input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--transition);border-radius:8px;outline:none;padding:11px 14px;font-size:15px}input:focus{border-color:var(--accent)}input.error{border-color:var(--error)}.field-error{color:var(--error);margin-top:5px;font-size:12px}.btn{background:var(--accent);color:#fff;cursor:pointer;width:100%;font-family:var(--font-display);transition:background var(--transition), opacity var(--transition);border:none;border-radius:8px;margin-top:8px;padding:12px;font-size:15px;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:0 0}.link{color:var(--accent);font-size:14px;text-decoration:none}.link:hover{color:var(--accent-hover)}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.alert{border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:14px}.alert--error{color:var(--error);background:#ff5f5f1a;border:1px solid #ff5f5f4d}.alert--success{color:var(--success);background:#4ade801a;border:1px solid #4ade804d}