.auth{background:var(--surface-shell);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-panel{padding:var(--sp-10) var(--sp-6);place-items:safe center;min-width:0;display:grid;overflow-y:auto}.auth-col{width:100%;max-width:360px;animation:auth-enter var(--dur-macro) var(--ease) both}@keyframes auth-enter{0%{opacity:0;transform:translateY(8px)}}.auth-brandline{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-8);display:flex}.auth-brandline img{width:auto;height:54px;display:block}.auth-brandline-rule{background:var(--divider);flex:none;width:1px;height:22px}.auth-brandline span{font-size:var(--fs-sm);color:var(--text-muted)}.auth-title{font-size:clamp(21px,1.5vw,26px);font-weight:var(--fw-h1);letter-spacing:-.015em;line-height:1.2}.auth-lede{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}.auth-body{margin-top:var(--sp-6)}.auth-body .input{height:44px}.auth-fields{gap:var(--sp-4);flex-direction:column;display:flex}.auth-reveal{border-radius:var(--r-pill);width:32px;height:32px;color:var(--text-subtle);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--dur-micro) var(--ease-flat);background:0 0;border:0;place-items:center;padding:0;display:grid}.auth-reveal:hover{color:var(--text-body)}.auth-forgot{margin-top:calc(var(--sp-2) * -1);font-size:var(--fs-caption);justify-content:flex-end;display:flex}.auth-forgot a{min-height:44px;padding-inline:var(--sp-2);margin-right:calc(var(--sp-2) * -1);-webkit-tap-highlight-color:transparent;align-items:center;display:inline-flex}.auth-alert{margin-top:var(--sp-4);animation:auth-enter var(--dur-normal) var(--ease) both}.auth-submit{height:48px;margin-top:var(--sp-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.auth-note{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-5);font-size:var(--fs-caption);letter-spacing:.005em;color:var(--text-subtle);line-height:1.6;display:flex}.auth-note>svg{color:var(--text-subtle);margin-top:2px}.auth-rule{margin-top:var(--sp-8)}.auth-brand{isolation:isolate;padding:clamp(var(--sp-8), 3.4vw, var(--sp-16));color:var(--text-on-fill);background:radial-gradient(120% 80% at 88% -10%, hsl(var(--h-primary) calc(var(--s-primary) * .85) 41%) 0%, transparent 62%), linear-gradient(165deg, hsl(var(--h-primary) var(--s-primary) 30%) 0%, hsl(var(--h-primary) calc(var(--s-primary) + 2%) 22%) 48%, hsl(var(--h-primary) calc(var(--s-primary) + 6%) 14%) 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-chip{height:36px;padding-inline:var(--sp-5);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(var(--glass-blur));font-size:var(--fs-sm);background:#ffffff1a;border-top:1px solid #ffffff2e;align-self:flex-start;align-items:center;font-weight:500;display:inline-flex}.auth-brand-body{padding-block:var(--sp-10);animation:auth-enter var(--dur-macro) var(--ease) 80ms both;margin-block:auto}.auth-display{font-family:var(--font-heading);font-size:clamp(32px,2.9vw,50px);font-weight:var(--fw-display);letter-spacing:-.025em;color:var(--text-on-fill);max-width:10.5em;line-height:1.06}.auth-brand-lede{margin-top:var(--sp-6);font-size:var(--fs-h3);color:#ffffffc7;max-width:34em;font-weight:400;line-height:1.6}.auth-points{gap:var(--sp-3);margin:var(--sp-8) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.auth-points li{align-items:center;gap:var(--sp-4);font-size:var(--fs-h3);color:var(--text-on-fill);font-weight:600;display:flex}.auth-point-mark{background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.auth-photo{z-index:-1;opacity:.9;width:46%;max-width:520px;height:auto;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}.auth-version{font-family:var(--font-mono);font-size:var(--fs-caption);color:#ffffff73;align-self:flex-end}@media (max-width:1080px){.auth{grid-template-columns:minmax(0,1fr)}.auth-brand{display:none}}@media (max-width:720px){.auth-panel{padding-left:max(var(--sp-5), env(safe-area-inset-left));padding-right:max(var(--sp-5), env(safe-area-inset-right));padding-top:max(var(--sp-8), env(safe-area-inset-top));padding-bottom:max(var(--sp-8), env(safe-area-inset-bottom))}.auth-brandline{margin-bottom:var(--sp-6)}.auth-body .input{font-size:16px}}@media (max-width:380px){.auth-panel{padding-left:max(var(--sp-4), env(safe-area-inset-left));padding-right:max(var(--sp-4), env(safe-area-inset-right))}.auth-brandline span{font-size:var(--fs-caption)}}@media (max-height:640px) and (max-width:1080px){.auth-panel{padding-block:var(--sp-6)}.auth-brandline{margin-bottom:var(--sp-5)}.auth-body{margin-top:var(--sp-5)}.auth-lede{margin-top:var(--sp-1)}.auth-rule{margin-top:var(--sp-5)}.auth-note{margin-top:var(--sp-4)}}@media (prefers-reduced-motion:reduce){.auth-submit[data-pending=true] svg{display:none}}@media (prefers-reduced-transparency:reduce){.auth-chip{background:hsl(var(--h-primary) calc(var(--s-primary) * .6) 24%);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.auth-body .input{background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--text-muted)}.auth-lede,.auth-note{color:var(--text-body)}.auth-brand-lede{color:#fffffff2}}