.auth-shell { display: grid; min-height: calc(100svh - 70px); grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr); }
.auth-aside { display: grid; align-content: space-between; min-height: 100%; padding: clamp(32px, 6vw, 86px); color: var(--surface); background: var(--surface-dark); }
.auth-aside h1, .auth-aside p { color: inherit; }
.auth-aside h1 { max-width: 11ch; font-size: clamp(2.25rem, 5vw, 4.5rem); }
.auth-aside p { max-width: 46ch; opacity: 0.78; }
.auth-aside .eyebrow { color: var(--yellow); }
.auth-proof { display: grid; gap: 12px; padding-top: 40px; }
.auth-proof div { display: flex; align-items: center; gap: 10px; color: oklch(0.85 0.01 258); font-size: var(--text-sm); }
.auth-proof .icon { color: var(--yellow); }
.auth-content { display: grid; place-items: center; padding: 38px 22px; background: var(--paper); }
.auth-panel { width: min(480px, 100%); }
.auth-panel-header { margin-bottom: 28px; }
.auth-panel-header h1 { margin-bottom: 10px; }
.auth-panel-header p { margin-bottom: 0; }
.auth-footer { margin: 18px 0 0; color: var(--muted); font-size: var(--text-sm); }
.auth-footer a { color: var(--blue-strong); font-weight: 750; }