@layer components{.login-page{background:var(--color-page,#f7f6f3);min-height:100dvh;color:var(--color-ink,#181923);font-family:var(--font-sans);padding:0}.login-frame{background:var(--color-surface,#fff);grid-template-columns:minmax(0,42fr) minmax(0,58fr);width:100%;min-height:100dvh;display:grid;overflow:hidden}.login-brand-panel{background-color:var(--color-violet,#5940f4);color:var(--color-on-accent,#fff);background-image:repeating-linear-gradient(90deg,#0000 0 43px,#ffffff0b 43px 44px);flex-direction:column;padding:clamp(20px,4dvh,52px) clamp(28px,4.4vw,70px) clamp(18px,3dvh,38px);display:flex}.login-page .login-wordmark,.login-page .login-mobile-brand{color:inherit;letter-spacing:-1px;align-self:flex-start;align-items:baseline;font-size:27px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.login-wordmark span{color:var(--color-on-accent,#fff)}.login-brand-copy{padding-top:clamp(20px,4dvh,40px)}.login-brand-copy h2{letter-spacing:-1.15px;max-width:410px;font-size:clamp(28px,min(3vw,4.6dvh),45px);font-weight:600;line-height:1.2}.login-brand-copy>p{max-width:380px;color:var(--color-on-accent,#fff);margin-top:clamp(12px,2dvh,20px);font-size:15px;line-height:1.65}.login-features{margin:auto 0 0;padding:clamp(16px,3dvh,32px) 0 0;list-style:none}.login-features li{border-top:1px solid color-mix(in srgb, var(--color-on-accent,#fff) 24%, transparent);align-items:flex-start;gap:15px;padding:clamp(10px,1.8dvh,18px) 0;display:flex}.login-features li:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-on-accent,#fff) 24%, transparent)}.login-features svg{width:23px;height:23px;color:var(--color-on-accent,#fff);flex-shrink:0;margin-top:2px}.login-features h3{margin-bottom:5px;font-size:14px;font-weight:600;line-height:1.4}.login-features p{max-width:340px;color:var(--color-on-accent,#fff);font-size:13px;line-height:1.6}.login-signin-panel{justify-content:center;align-items:center;min-width:0;padding:88px clamp(32px,6.4vw,110px) 32px;display:flex;position:relative}.login-toolbar{top:24px;justify-content:flex-end;align-items:center;gap:16px;display:flex;position:absolute;inset-inline:28px}.login-signin-content{width:100%;max-width:455px}.login-eyebrow{color:var(--color-muted,#62636c);letter-spacing:1.55px;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600}.login-signin-content h1{letter-spacing:-1.2px;font-size:clamp(28px,min(2.7vw,4.3dvh),39px);font-weight:600;line-height:1.27}.login-intro{max-width:435px;color:var(--color-muted,#62636c);margin-top:16px;font-size:15px;line-height:1.7}.login-auth-action{margin-top:24px}.login-google-button{border:1px solid var(--color-line-strong,#bebec9);background:var(--color-surface,#fff);width:100%;min-height:52px;color:var(--color-ink,#181923);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:13px;padding:14px 20px;font-size:15px;font-weight:600;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 3px #1819230a}.login-google-button>svg{flex-shrink:0}.login-google-button:hover:not(:disabled){border-color:var(--color-violet,#5940f4);background:var(--color-lavender,#f2efff);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-violet,#5940f4) 12%, transparent)}.login-google-button:active:not(:disabled){box-shadow:none}.login-google-button:disabled{color:var(--color-muted,#62636c);cursor:not-allowed}.login-google-button[aria-busy=true]{cursor:progress}.login-spinner{width:20px;height:20px;animation:1s linear infinite login-spin}.login-status{border:1px solid var(--color-line-strong,#bebec9);background:var(--color-page,#fafafb);color:var(--color-muted,#62636c);overflow-wrap:anywhere;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.75}.login-status-error{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger)}.login-retry{min-height:44px;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:3px;padding:6px 0;font-weight:600;text-decoration:underline;display:block}.login-retry:disabled{cursor:progress}.login-divider{color:var(--color-muted,#62636c);align-items:center;gap:17px;margin:22px 0 14px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-line,#dedee5);flex:1;height:1px}.login-page .login-free-link{min-height:44px;color:var(--color-violet-hover,#4932d3);align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.8;text-decoration:none;display:flex}.login-free-link svg{flex-shrink:0;width:18px;height:18px}.login-page .login-free-link:hover{text-underline-offset:4px;text-decoration:underline}.login-legal{max-width:420px;color:var(--color-muted,#62636c);margin-top:20px;font-size:12px;line-height:1.7}.login-page .login-legal a{color:inherit;text-underline-offset:3px;text-decoration:underline}.login-page .login-legal a:hover{color:var(--color-violet-hover,#4932d3)}.login-page :is(a,button):focus-visible{outline:3px solid var(--color-violet,#5940f4);outline-offset:5px}.login-brand-panel a:focus-visible{outline-color:var(--color-on-accent,#fff)}.login-page .login-mobile-brand{display:none}@media (width<=1100px){.login-brand-panel{padding-inline:28px}.login-brand-copy>p{font-size:14px}.login-features li{gap:12px}.login-features p{font-size:12px}.login-signin-panel{padding-inline:30px}}@media (height<=720px) and (width>=761px){.login-features p{display:none}.login-features h3{margin-bottom:0}.login-features li{align-items:center;min-height:48px}}@media (width<=760px){.login-frame{display:flex}.login-brand-panel{display:none}.login-signin-panel{flex-direction:column;width:100%;padding:clamp(16px,3dvh,28px) 24px}.login-signin-content{max-width:455px;margin-block:auto;padding-block:24px}.login-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:12px;width:100%;max-width:455px;position:static}.login-toolbar .theme-picker{margin-left:auto}.login-page .login-mobile-brand{font-size:24px;display:inline-flex}.login-mobile-brand span{color:var(--color-violet,#5940f4)}.login-eyebrow{margin-bottom:12px}.login-signin-content h1{font-size:28px}.login-intro{margin-top:14px;font-size:14px}.login-google-button{font-size:14px}.login-page .login-free-link{font-size:13px}}@media (height<=720px){.login-eyebrow{margin-bottom:10px}.login-intro{margin-top:12px}.login-auth-action{margin-top:18px}.login-divider{margin:16px 0 10px}.login-legal{margin-top:14px}.login-status{align-items:center;gap:12px;margin-top:12px;padding:10px 12px;line-height:1.5;display:flex}.login-retry{flex-shrink:0;margin-top:0}}@media (width<=760px) and (height<=620px){.login-signin-panel{padding:16px 20px}.login-signin-content{padding-block:16px 0}.login-eyebrow{display:none}.login-toolbar{gap:8px}}@media (prefers-reduced-motion:reduce){.login-google-button{transition:none}.login-spinner{animation:none}}}@keyframes login-spin{to{transform:rotate(360deg)}}