.auth-wrap { min-height: calc(100vh - 140px); display: flex; align-items: center; justify-content: center; padding: 40px 20px; }
.auth-card { width: 100%; max-width: 400px; background: var(--panel); border: 1px solid var(--line);
             border-radius: 14px; padding: 32px 30px; }
.auth-card h1 { font-size: 24px; margin: 0 0 6px; letter-spacing: -.3px; }
.auth-card .sub { color: var(--muted); font-size: 14px; margin: 0 0 22px; }
.auth-card label { display: block; font-family: var(--mono); font-size: 11px; letter-spacing: 1.5px;
                   text-transform: uppercase; color: var(--faint); margin: 14px 0 6px; }
.auth-card input { width: 100%; box-sizing: border-box; background: var(--ink); border: 1px solid var(--line);
                   color: var(--text); border-radius: 8px; padding: 11px 12px; font-size: 14.5px; }
.auth-card input:focus { outline: none; border-color: var(--cyan); }
.auth-card .btn { width: 100%; margin-top: 20px; text-align: center; cursor: pointer; font-size: 15px; }
.auth-msg { border-radius: 8px; padding: 10px 12px; font-size: 13.5px; margin-top: 16px; display: none; }
.auth-msg.err { display: block; background: #2a1517; border: 1px solid #57272b; color: #f8b4b4; }
.auth-msg.ok { display: block; background: #13241c; border: 1px solid #25543c; color: #a7e8c5; }
.auth-alt { text-align: center; font-size: 13.5px; color: var(--muted); margin-top: 18px; }
.auth-alt a { color: var(--cyan); }
.auth-note { background: #1c2413; border: 1px solid #3a4a22; color: #cde3a6; border-radius: 10px;
             padding: 10px 14px; font-size: 13.5px; margin-bottom: 18px; }