.auth-body {
  min-height: var(--app-h); display: grid; place-items: center;
  padding: calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right))
           calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));
}
.auth-card {
  position: relative; z-index: 1; width: min(420px, 100%);
  background: rgba(19, 19, 26, 0.92); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 28px 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
}
.auth-card h1 { font-size: 22px; }
.auth-card .btn { width: 100%; margin-top: 18px; }
.form-error { margin: 12px 0 0; padding: 8px 10px; color: var(--danger); border: 1px solid var(--danger); border-radius: var(--radius); }