.auth-brand{justify-content:center;gap:var(--space-7);padding:var(--space-9) var(--space-8);background:var(--bg-app);border-left:var(--border-hairline) solid var(--border-subtle);flex-direction:column;display:flex;position:relative;overflow:clip}.auth-brand:before{content:"";background-image:radial-gradient(var(--border-default) 1px, transparent 1px);background-size:var(--space-5) var(--space-5);opacity:.6;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 70% 30%,#000 30%,#0000 72%);mask-image:radial-gradient(120% 80% at 70% 30%,#000 30%,#0000 72%)}.auth-brand .auth-brand__aura{border-radius:var(--radius-full);background:radial-gradient(circle, var(--teal-100), transparent 62%);opacity:.7;pointer-events:none;width:38rem;height:38rem;position:absolute;top:-8rem;right:-10rem}.auth-brand .auth-brand__pitch{max-width:30rem;position:relative}.auth-brand .auth-brand__eyebrow{align-items:center;gap:var(--space-2);font:var(--type-micro);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-accent);margin-bottom:var(--space-4);display:inline-flex}.auth-brand .auth-brand__eyebrow:before{content:"";width:var(--space-5);height:var(--border-emphasis);background:var(--accent);border-radius:var(--radius-full)}.auth-brand .auth-brand__headline{font:var(--type-display);letter-spacing:var(--tracking-display);color:var(--text-strong);margin-bottom:var(--space-4);text-wrap:balance}.auth-brand .auth-brand__headline em{color:var(--text-accent);font-style:normal}.auth-brand .auth-brand__lede{font:var(--type-body-lg);color:var(--text-muted);text-wrap:pretty;max-width:34ch}.auth-brand .preview{background:var(--bg-surface);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:30rem;box-shadow:var(--shadow-xl);position:relative;overflow:clip}.auth-brand .preview__bar{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:var(--border-hairline) solid var(--border-subtle);display:flex}.auth-brand .preview__bar>svg{width:var(--icon-md);height:var(--icon-md);color:var(--text-muted)}.auth-brand .preview__title{font:var(--type-label);color:var(--text-strong);white-space:nowrap}.auth-brand .preview__count{font:var(--type-mono);font-variant-numeric:tabular-nums;color:var(--text-subtle);white-space:nowrap;margin-left:auto}.auth-brand .preview__list{padding:var(--space-3);gap:var(--space-1);display:grid}.auth-brand .preview__row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-standard);grid-template-columns:auto 1fr auto;display:grid}.auth-brand .preview__row:hover{background:var(--bg-subtle)}.auth-brand .preview__chan{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-md);color:var(--text-on-accent);place-items:center;display:grid}.auth-brand .preview__chan svg{width:var(--icon-sm);height:var(--icon-sm)}.auth-brand .preview__chan--a{background:linear-gradient(160deg, var(--teal-400), var(--teal-600))}.auth-brand .preview__chan--b{background:linear-gradient(160deg, var(--avatar-2-fg), var(--avatar-1-fg))}.auth-brand .preview__chan--c{background:linear-gradient(160deg, var(--avatar-5-fg), var(--avatar-4-fg))}.auth-brand .preview__meta{min-width:0;display:grid}.auth-brand .preview__name{font:var(--type-label);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-brand .preview__time{font:var(--type-mono);font-size:var(--size-micro);color:var(--text-subtle);font-variant-numeric:tabular-nums}.auth-brand .preview__foot{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4);border-top:var(--border-hairline) solid var(--border-subtle);font:var(--type-caption);color:var(--text-muted);display:flex}.auth-brand .preview__foot>svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--text-accent)}.auth-brand .preview__foot .preview__count{color:var(--text-body);font-weight:var(--weight-medium)}.auth-brand .auth-brand__trust{gap:var(--space-2) var(--space-5);font:var(--type-caption);color:var(--text-muted);flex-wrap:wrap;display:flex;position:relative}.auth-brand .auth-brand__trust span{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.auth-brand .auth-brand__trust svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--text-accent)}@media (prefers-reduced-motion:no-preference){.auth-brand .preview{animation:preview-rise var(--duration-slow) var(--ease-entrance) both}.auth-brand .preview__row{animation:preview-row var(--duration-base) var(--ease-entrance) both;animation-delay:calc(.14s + var(--row) * 70ms)}}@keyframes preview-rise{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:none}}@keyframes preview-row{0%{opacity:0;transform:translateX(var(--space-3))}to{opacity:1;transform:none}}
.auth{background:var(--bg-surface);grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);min-height:100dvh;display:grid}.auth .auth__rail{min-height:100dvh;padding:var(--space-6) var(--space-7);flex-direction:column;display:flex;position:relative;overflow:clip}.auth .auth__rail:before{content:"";height:var(--space-10);background:linear-gradient(180deg, var(--bg-app), transparent);pointer-events:none;position:absolute;inset:0 0 auto}.auth .auth__brandmark{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:fit-content;display:inline-flex;position:relative}.auth .auth__brandmark:focus-visible{box-shadow:var(--ring-accent);outline:none}.auth .auth__center{padding-block:var(--space-7);flex-direction:column;flex:1;justify-content:center;display:flex}.auth .auth__legal{font:var(--type-caption);color:var(--text-subtle);margin-top:auto;position:relative}.auth .auth__legal a{color:var(--text-muted)}.auth .auth__legal a:hover{color:var(--text-body);text-underline-offset:.18em;text-decoration:underline}@media (max-width:60rem){.auth{grid-template-columns:1fr}.auth .auth-brand{display:none}.auth .auth__rail{padding-inline:var(--space-6)}}@media (max-width:30rem){.auth .auth__rail{padding:var(--space-5)}}
