.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.75fr); background: var(--color-surface); }
.auth-visual { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(2rem, 6vw, 5rem); background: linear-gradient(145deg, #eff6ff, #f7f8fa 60%, #eef2ff); }
.auth-visual__copy { max-width: 620px; }
.auth-visual__copy h1 { font-size: clamp(2.2rem, 5vw, 4.5rem); }
.auth-panel { display: grid; place-items: center; padding: var(--space-8); }
.auth-card { width: min(100%, 440px); }
.auth-card__header { margin-bottom: var(--space-8); }
.auth-card__header p { color: var(--color-text-secondary); }
.auth-card .btn { width: 100%; margin-top: var(--space-2); }
.auth-note { margin-top: var(--space-6); color: var(--color-text-muted); font-size: 0.8125rem; }

@media (max-width: 860px) {
  .auth-page { grid-template-columns: 1fr; }
  .auth-visual { display: none; }
  .auth-panel { min-height: 100vh; padding: var(--space-6); }
}