.l-auth{--auth-field:#f3f3f30b;--auth-edge:#f3f3f324;background:var(--ink);grid-template-columns:minmax(0,11fr) minmax(0,9fr);min-height:100svh;display:grid}.l-auth__plate{background:var(--ink-2);height:100svh;margin:0;position:sticky;top:0;overflow:hidden}.l-auth__plate img{object-fit:cover;filter:grayscale()contrast(1.08)brightness(.8);width:100%;height:100%;display:block}.l-auth__plate:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#0a0a0ae0 100%),linear-gradient(90deg,#0000 78%,#0a0a0a8c 100%);position:absolute;inset:0}.l-auth__caption{z-index:1;left:var(--gutter);right:var(--gutter);gap:.5rem;display:grid;position:absolute;bottom:clamp(1.5rem,5vh,3rem)}.l-auth__caption-title{font-family:var(--display);font-variation-settings:"opsz" 11;color:var(--paper);margin:0;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.1}.l-auth__caption-meta{font-family:var(--mono);color:var(--paper-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;font-size:.75rem;display:flex}.l-auth__side{padding:clamp(6.5rem, 14vh, 8rem) var(--gutter) clamp(3rem, 8vh, 5rem);justify-content:center;align-items:center;display:flex}.l-auth__panel{width:100%;max-width:380px}.l-auth__tabs{border:1px solid var(--auth-edge);grid-template-columns:1fr 1fr;margin-bottom:clamp(2.25rem,7vh,3.5rem);display:grid}.l-auth__tab{text-align:center;color:var(--paper-dim);transition:color .3s var(--ease), background-color .3s var(--ease);padding:.7rem 1rem;font-size:.875rem;text-decoration:none}.l-auth__tab:hover{color:var(--paper)}.l-auth__tab[aria-current=page]{background:var(--paper);color:var(--ink)}.l-auth__title{margin:0;font-size:clamp(2rem,3vw,2.5rem);line-height:.98}.l-auth__lede{max-width:34ch;color:var(--paper-dim);margin:.9rem 0 0;font-size:.9375rem;line-height:1.5}.l-auth__body{margin-top:clamp(1.75rem,5vh,2.5rem)}.l-auth__alerts{gap:.75rem;margin-bottom:1.25rem;display:grid}.l-auth__alert{border-left:2px solid var(--accent);color:var(--paper);background:#ff522014;margin:0;padding:.75rem .9rem;font-size:.875rem;line-height:1.45}.l-auth__alert--ok{border-left-color:var(--paper);background:var(--auth-field)}.l-auth__google{min-height:40px}.l-auth__google-btn{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%}.l-auth__or{color:var(--paper-dim);align-items:center;gap:.9rem;margin:1.5rem 0;font-size:.8125rem;display:flex}.l-auth__or:before,.l-auth__or:after{content:"";background:var(--auth-edge);flex:1;height:1px}.l-auth__form{gap:1.1rem;display:grid}.l-field{gap:.4rem;display:grid}.l-field__label{color:var(--paper-dim);font-size:.8125rem}.l-field__control{border:1px solid var(--auth-edge);background:var(--auth-field);transition:border-color .3s var(--ease), background-color .3s var(--ease);align-items:stretch;display:flex}.l-field__control:hover{border-color:#f3f3f34d}.l-field__control:focus-within{border-color:var(--paper);background:#f3f3f312}.l-field[data-invalid=true] .l-field__control{border-color:var(--accent)}.l-field__input{min-width:0;height:2.875rem;font-family:var(--sans);color:var(--paper);background:0 0;border:0;flex:1;padding:0 .9rem;font-size:.9375rem}.l-field__input:focus{outline:none}.l-field__input:-webkit-autofill{-webkit-text-fill-color:var(--paper);caret-color:var(--paper);box-shadow:inset 0 0 0 1000px #151515}.l-field__toggle{border:0;border-left:1px solid var(--auth-edge);font-family:var(--sans);color:var(--paper-dim);cursor:pointer;transition:color .3s var(--ease);background:0 0;flex:none;padding:0 .9rem;font-size:.75rem}.l-field__toggle:hover{color:var(--paper)}.l-field__toggle:focus-visible{outline-offset:-3px}.l-field__hint,.l-field__error{margin:0;font-size:.8125rem;line-height:1.4}.l-field__hint{color:var(--paper-dim)}.l-field__error{color:var(--accent)}.l-auth__submit{letter-spacing:0;text-transform:none;width:100%;min-height:2.875rem;margin-top:.4rem;font-size:.9375rem;font-weight:600}.l-auth__signed{gap:1.25rem;display:grid}.l-auth__actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=900px){.l-auth{grid-template-columns:1fr}.l-auth__plate{height:42svh;min-height:280px;position:relative}.l-auth__plate:after{background:linear-gradient(#0000 40%,#0a0a0aeb 100%)}.l-auth__side{align-items:flex-start;padding-top:clamp(2.25rem,6vh,3.25rem)}}@media (prefers-reduced-motion:reduce){.l-auth__tab,.l-field__control,.l-field__toggle{transition:none}}
