.auth{min-height:100dvh;padding:var(--space-8) var(--gutter-phone) var(--space-6);isolation:isolate;grid-template-rows:1fr auto;place-items:center;display:grid;position:relative;overflow:hidden}.auth__sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.auth__sky svg{width:max(1400px,120vw);height:62vh;position:absolute;bottom:0;left:50%;translate:-50%}.auth__panel{gap:var(--space-6);width:min(400px,100%);display:grid}.auth__brand{justify-content:center;align-items:center;gap:12px;display:flex}.auth__brand b{font-size:var(--text-headline);font-weight:var(--weight-semibold)}.auth__card{padding:var(--space-8) var(--space-8) var(--space-6);gap:var(--space-5);display:grid}.auth__card h1{font-family:var(--font-display);font-size:var(--text-title-1);line-height:var(--lh-title-1);letter-spacing:var(--tr-title-1);font-weight:var(--weight-bold)}.auth__card .auth__lede{color:var(--label-2);font-size:var(--text-subhead);line-height:var(--lh-subhead);margin-top:4px}.auth__form{gap:var(--space-4);display:grid}.auth__alert{border-radius:calc(var(--radius-md) * var(--corner-k));corner-shape:var(--corner-shape);background:var(--danger-tint);color:var(--danger);font-size:var(--text-subhead);line-height:var(--lh-subhead);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.auth__alert--info{background:var(--accent-tint);color:var(--accent)}.auth__alert .lucide{stroke-width:2.25px;width:16px;height:16px;margin-top:2px}.auth__row{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-subhead);display:flex}.auth__foot{color:var(--label-2);font-size:var(--text-caption);line-height:var(--lh-caption);text-align:center;max-width:420px}.auth__sun{animation:auth-rise var(--dur-signature) var(--ease-out) .2s both}@keyframes auth-rise{0%{opacity:0;translate:0 40px}}@media (max-width:640px){.auth__card{padding:var(--space-6) var(--space-5) var(--space-5)}}.auth__brand{flex-direction:column}.auth__logo{width:min(260px,70vw);height:auto;display:block}.auth__logo--dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth__logo--light{display:none}:root:not([data-theme=light]) .auth__logo--dark{display:block}}:root[data-theme=dark] .auth__logo--light{display:none}:root[data-theme=dark] .auth__logo--dark{display:block}
