/* OrtoDoctor auth — 50/50 split login */
html, body { height: 100%; margin: 0; }
.auth { display: grid; grid-template-columns: 1fr 1fr; height: 100vh; background: var(--color-surface); }

/* Left — form */
.auth__form { display: flex; flex-direction: column; padding: var(--space-12) var(--space-16); position: relative; }
.auth__topbar { position: absolute; top: var(--space-8); right: var(--space-12); }
.auth__brand { width: 168px; margin-bottom: var(--space-12); }
.auth__center { margin: auto 0; width: 100%; max-width: 380px; }
.auth__title { font: var(--weight-semibold) var(--text-3xl)/1.15 var(--font-sans); letter-spacing: var(--tracking-tight); color: var(--color-text); }
.auth__sub { font: var(--type-body); color: var(--color-text-muted); margin-top: var(--space-2); margin-bottom: var(--space-8); }
.auth__fields { display: flex; flex-direction: column; gap: var(--space-5); }
.auth__row { display: flex; align-items: center; justify-content: space-between; }
.auth__link { font: var(--type-label); color: var(--color-text-link); cursor: pointer; }
.auth__foot { font: var(--type-body-sm); color: var(--color-text-muted); margin-top: var(--space-8); text-align: center; }
.auth__foot a { font-weight: var(--weight-semibold); }
.auth__legal { position: absolute; bottom: var(--space-8); left: var(--space-16); font: var(--type-caption); color: var(--color-text-subtle); }

/* Right — brand panel */
.auth__panel { background: var(--color-primary); color: #fff; display: flex; flex-direction: column; justify-content: center; padding: var(--space-16); position: relative; overflow: hidden; }
.auth__panel-logo { width: 320px; max-width: 80%; }
.auth__wire { width: 100%; max-width: 440px; margin: var(--space-8) 0; opacity: .9; }
.auth__quote { font: var(--weight-medium) var(--text-2xl)/1.4 var(--font-sans); max-width: 460px; letter-spacing: -0.01em; }
.auth__attr { font: var(--type-body-sm); color: rgba(255,255,255,.7); margin-top: var(--space-5); }
.auth__panel-foot { position: absolute; bottom: var(--space-12); left: var(--space-16); display: flex; gap: var(--space-8); }
.auth__stat-n { font: var(--weight-semibold) var(--text-2xl)/1 var(--font-sans); font-variant-numeric: tabular-nums; }
.auth__stat-l { font: var(--type-caption); color: rgba(255,255,255,.7); margin-top: 4px; }