.login-page{background:var(--bg-0);min-height:100dvh;color:var(--text-0);width:100%;display:flex}.login-page__inner{flex-direction:column;width:100%;display:flex}@media (min-width:768px){.login-page__inner{flex-direction:row}}.login-page:has(.login-page__inner){justify-content:flex-start;align-items:stretch;padding:0;overflow:visible}.login-page--no-hero{min-height:auto}.login-section{padding:32px;padding-bottom:max(32px, env(safe-area-inset-bottom));text-align:left;flex:1;justify-content:center;align-items:center;display:flex}.login-container{text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:420px;display:flex}.login-logo{margin-bottom:48px}.login-logo img{width:auto;height:40px}.login-content{text-align:left;flex-direction:column;align-items:flex-start;gap:24px;width:100%;display:flex}.login-title{color:var(--text-0);letter-spacing:-.02em;text-align:left;margin:0;font-size:32px;font-weight:700;line-height:1.2}.login-title--light{letter-spacing:-.03em;font-weight:300}.login-description{color:var(--text-2);text-align:left;margin:0;font-size:14px}.login-email{color:var(--text-0);font-weight:600}.login-error{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-red-400) 8%, var(--bg-0));border:1px solid color-mix(in oklab, var(--color-red-400) 50%, transparent);color:var(--color-red-400);width:100%;padding:12px 16px;font-size:13px;line-height:1.45}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.login-input{background:var(--white-02);border:1px solid var(--white-08);border-radius:var(--radius-sm);width:100%;color:var(--text-0);transition:border-color var(--speed-1) var(--easing), background-color var(--speed-1) var(--easing);outline:none;padding:14px 16px;font-size:14px}.login-input::placeholder{color:var(--text-2)}.login-input:focus-visible{border-color:var(--white-30);background:var(--white-04)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-form-row{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:8px;display:flex}.login-link{color:var(--text-0);cursor:pointer;transition:opacity var(--speed-1) var(--easing);background:0 0;border:none;padding:0;font-size:13px;text-decoration:none}.login-link:hover{opacity:.7}.login-button{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background-color var(--speed-1) var(--easing), transform var(--speed-1) var(--easing), opacity var(--speed-1) var(--easing);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;display:flex}.login-button--primary{background:var(--white);color:var(--black)}.login-button--primary:hover:not(:disabled){background:var(--white-90);transform:translateY(-1px)}.login-button--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-hero{--hero-gutter:24px;padding:var(--hero-gutter);flex:0 max(575px,53vw);display:none;position:relative}@media (min-width:768px){.login-hero{flex-direction:column;display:flex}}.login-hero-banner{--pad:clamp(24px, 3vw, 44px);border-radius:var(--radius-lg);border:1px solid var(--white-08);background:radial-gradient(at 30% 25%, color-mix(in oklab, var(--accent) 10%, var(--bg-1)) 0%, transparent 55%), var(--bg-0);flex:1;min-height:500px;position:relative;overflow:hidden}.login-hero-banner__slide{opacity:0;transition:opacity .8s var(--easing);position:absolute;inset:0}.login-hero-banner__slide.is-active{opacity:1}.login-hero-banner__img{object-fit:cover;object-position:50% 32%}.login-hero-banner__scrim{pointer-events:none;background:radial-gradient(120% 80% at 50% 115%, color-mix(in oklab, var(--accent-orange) 8%, transparent) 0%, transparent 58%), linear-gradient(to top, color-mix(in oklab, var(--bg-0) 94%, transparent) 0%, color-mix(in oklab, var(--bg-0) 80%, transparent) 16%, color-mix(in oklab, var(--bg-0) 46%, transparent) 38%, color-mix(in oklab, var(--bg-0) 12%, transparent) 58%, transparent 78%);position:absolute;inset:0}.login-hero-banner__caption{padding:var(--pad);padding-bottom:calc(var(--pad) + 26px);flex-direction:column;gap:10px;margin:0;display:flex;position:absolute;inset:auto 0 0}.login-hero-banner__quote{max-width:32ch;color:var(--text-0);text-wrap:balance;text-shadow:0 1px 12px #00000080;margin:0;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.4}.login-hero-banner__author{font-size:var(--fs-sm);color:var(--white-70);text-shadow:0 1px 8px #00000080;font-weight:600}.login-hero-banner__role{color:var(--white-60);font-weight:500}.login-hero-banner__dots{left:var(--pad);bottom:var(--pad);z-index:3;gap:2px;margin:0;padding:0;display:flex;position:absolute}.login-hero-banner__dot{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:18px;height:20px;margin:0;padding:0;display:grid}.login-hero-banner__dot:before{content:"";background:var(--white-30);width:6px;height:6px;transition:background-color var(--speed-1) var(--easing), transform var(--speed-1) var(--easing);border-radius:50%}.login-hero-banner__dot:hover:before{background:var(--white-60)}.login-hero-banner__dot.is-active:before{background:var(--white-85);transform:scale(1.2)}.login-hero-banner__dot:focus-visible{outline:2px solid var(--white-60);outline-offset:2px}.login-loading{align-items:center;display:flex}.login-loading--block{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:4px 0}.login-loading--inline{vertical-align:middle;display:inline-flex}.login-loading__caption{color:var(--text-1);text-align:left;margin:0;font-size:14px;line-height:1.4}.login-spinner{border:2px solid var(--white-10);border-top-color:var(--text-0);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite login-spin}.login-loading--inline .login-spinner{border-width:2px;width:16px;height:16px}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-spinner{border-top-color:var(--text-2);animation:none}}.login-info{border-radius:var(--radius-sm);background:var(--white-02);border:1px solid var(--white-12);color:var(--text-1);width:100%;padding:12px 16px;font-size:13px;line-height:1.45}.login-code-confirmed{color:var(--color-green-400);margin:8px 0 0;font-size:14px;font-weight:500}.login-consents{flex-direction:column;gap:16px;width:100%;margin-top:4px;display:flex}.login-consent-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.login-consent-item{color:var(--text-1);font-size:13px;line-height:1.5}.login-consent-label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.login-consent-checkbox{width:16px;height:16px;accent-color:var(--text-0);cursor:pointer;flex-shrink:0;margin-top:3px}