.auth-page { min-height: 100vh; display: flex; flex-direction: column; }
.auth-header { padding-block: 20px; }
.auth-header .container { display: flex; align-items: center; justify-content: space-between; }
.auth-header .back-link { color: var(--color-muted); font-size: 12px; }
.auth-main { flex: 1; display: grid; place-items: center; padding: 35px 18px 65px; }
.auth-card { width: min(100%, 460px); padding: 35px; border: 1px solid var(--color-line); border-radius: 18px; background: linear-gradient(145deg, rgba(16, 36, 58, .97), rgba(8, 22, 38, .98)); box-shadow: 0 25px 70px rgba(0, 0, 0, .25); }
.auth-card .eyebrow { margin-bottom: 11px; }
.auth-card h1 { margin-bottom: 10px; font-size: 34px; letter-spacing: -1.5px; }
.auth-intro { margin-bottom: 24px; color: var(--color-muted); font-size: 13px; }
.auth-form { display: grid; gap: 16px; }
.form-field { display: grid; gap: 7px; }
.form-field > label, .field-label { color: #dce7f5; font-size: 12px; font-weight: 600; }
.form-field input:not([type="checkbox"]) { width: 100%; min-height: 47px; padding: 0 13px; border: 1px solid rgba(151, 183, 219, .2); border-radius: 8px; outline: none; color: var(--color-text); background: rgba(3, 12, 22, .52); }
.form-field input:focus { border-color: rgba(41, 214, 237, .7); box-shadow: 0 0 0 3px rgba(41, 214, 237, .1); }
.form-field input::placeholder { color: #687e97; }
.password-wrap { position: relative; }
.password-wrap input { padding-right: 80px !important; }
.password-toggle { position: absolute; top: 50%; right: 10px; padding: 5px; transform: translateY(-50%); border: 0; color: #7acde9; background: transparent; font-size: 11px; font-weight: 600; cursor: pointer; }
.auth-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--color-muted); font-size: 11px; }
.check-label { display: flex; align-items: flex-start; gap: 8px; color: #afbed0; font-size: 11px; line-height: 1.5; }
.check-label input { width: 15px; height: 15px; flex: 0 0 15px; margin: 1px 0 0; accent-color: #2589fa; }
.auth-card a:not(.button) { color: #68cafa; }
.auth-form .button { margin-top: 3px; }
.auth-switch { margin: 20px 0 0; color: var(--color-muted); font-size: 12px; text-align: center; }
.auth-disclaimer { margin: 22px 0 0; padding-top: 17px; border-top: 1px solid var(--color-line); color: #7e92a9; font-size: 10px; text-align: center; }
.auth-footer { padding: 17px; color: #7589a0; font-size: 10px; text-align: center; }
.auth-footer a { color: #9cb1c9; }

@media (max-width: 480px) {
  .auth-header { padding-block: 15px; }
  .auth-card { padding: 26px 21px; }
  .auth-card h1 { font-size: 30px; }
  .auth-options { align-items: flex-start; flex-direction: column; }
}