body[data-product=auth]{margin:0;font:15px/1.5 var(--font-body,"Segoe UI",sans-serif)}
.auth-card{max-width:420px;margin:8vh auto;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px rgba(20,30,50,.08)}
.auth-card .auth-logo{display:block;width:150px;background:#fff;border-radius:4px;padding:6px;margin-bottom:14px}
.auth-card h1{margin:0 0 4px;font-family:var(--font-display,inherit);font-size:22px;color:var(--brand-navy)}
.auth-card .subtitle{margin:0 0 18px}
.auth-card form{display:grid;gap:12px}
.auth-card form[hidden]{display:none}
.auth-card label{display:grid;gap:4px;font-size:13px}
.auth-card input{padding:10px;border:1px solid var(--line);border-radius:6px;font:inherit}
.auth-card button{padding:11px;border-radius:6px;border:1px solid #6882a6;background:var(--brand-navy);color:#fff;font:inherit;font-family:var(--font-display,inherit);font-weight:600;cursor:pointer}
.auth-card .error{background:#fdecec;color:#7a1f1f;border:1px solid #e9b4b4;border-radius:6px;padding:10px;margin:0 0 12px}
.auth-card .error[hidden]{display:none}
[data-theme=dark] .auth-card h1{color:var(--ink)}
[data-theme=dark] .auth-card .error{background:#552b31;color:#ffc5c6;border-color:#8a4a52}