.ra-login{--ra-blue:var(--accent-color);--ra-blue-d:var(--accent-on-tonal);--ra-blue-m:color-mix(in oklch, var(--accent-color), black 12%);--ra-sky:var(--accent-tonal);--ra-ink:var(--fg);--ra-muted:var(--fg-3);--ra-light:var(--bg);--ra-border:var(--line);--ra-white:var(--surface);--ra-green:#22a05b;--ra-red:#c0392b;--ra-accent:#f5a623;--ra-navy:color-mix(in oklch, var(--accent-color), black 55%);font-family:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;background:var(--ra-white);color:var(--ra-ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;display:flex}@layer base{.ra-login *,.ra-login :before,.ra-login :after{box-sizing:border-box;margin:0;padding:0}.ra-login a{color:inherit;text-decoration:none}}.ra-login .auth-hero{background:linear-gradient(160deg, var(--ra-navy), color-mix(in oklch, var(--accent-color), black 25%));color:#fff;flex-direction:column;gap:28px;padding:20px 20px 28px;display:flex}.ra-login .auth-top{justify-content:space-between;align-items:center;display:flex}.ra-login .auth-brand{align-items:center;gap:10px;display:inline-flex}.ra-login .auth-hero .brand-name{color:#fff}.ra-login .auth-hero .brand-mark{border-color:#0000}.ra-login .auth-statement{letter-spacing:-.025em;text-wrap:balance;max-width:18ch;font-size:26px;font-weight:700;line-height:1.12}.ra-login .auth-main{flex:1;justify-content:center;align-items:flex-start;padding:28px 20px 16px;display:flex}.ra-login .form-card{width:100%;max-width:440px}.ra-login .auth-foot{text-align:center;color:var(--ra-muted);padding:16px 20px 28px;font-size:14px}.ra-login .auth-foot a{color:var(--ra-blue);font-weight:600}.ra-login .screen-h{letter-spacing:-.02em;color:var(--ra-ink);margin-bottom:20px;font-size:26px;font-weight:700;line-height:1.15}.ra-login .screen-sub{color:var(--ra-muted);margin:-12px 0 20px;font-size:15px;line-height:1.55}.ra-login .form-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.ra-login .form-label{color:var(--fg-2);font-size:13px;font-weight:600}.ra-login .form-input{border:1px solid var(--ra-border);height:46px;color:var(--ra-ink);appearance:none;background:#fff;border-radius:12px;outline:none;width:100%;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.ra-login .form-input::placeholder{color:var(--fg-4)}.ra-login .form-input:focus{border-color:var(--ra-blue);box-shadow:0 0 0 3px var(--accent-soft)}.ra-login .form-input.error{border-color:var(--ra-red)}.ra-login .field-err{color:var(--ra-red);margin-top:2px;font-size:12px}.ra-login .pw-wrap{position:relative}.ra-login .pw-toggle{cursor:pointer;color:var(--ra-muted);background:0 0;border:0;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ra-login .pw-toggle:hover{color:var(--ra-ink)}.ra-login .pw-wrap .form-input{padding-right:42px}.ra-login .form-input.readonly{background:var(--ra-light);color:var(--ra-muted);cursor:default}.ra-login .form-input.readonly:focus{border-color:var(--ra-border)}.ra-login .pw-meter{align-items:center;gap:8px;margin-top:6px;display:flex}.ra-login .pw-bars{flex:1;gap:3px;display:flex}.ra-login .pw-bar{background:var(--ra-border);border-radius:2px;flex:1;height:4px;transition:background-color .2s}.ra-login .pw-bar.s0,.ra-login .pw-bar.s1{background:var(--ra-red)}.ra-login .pw-bar.s2{background:var(--ra-accent)}.ra-login .pw-bar.s3{background:var(--ra-blue-m)}.ra-login .pw-bar.s4{background:var(--ra-green)}.ra-login .pw-label{letter-spacing:.04em;white-space:nowrap;text-align:right;min-width:74px;font-size:11px;font-weight:700}.ra-login .pw-label.s0,.ra-login .pw-label.s1{color:var(--ra-red)}.ra-login .pw-label.s2{color:var(--ra-accent)}.ra-login .pw-label.s3{color:var(--ra-blue-m)}.ra-login .pw-label.s4{color:var(--ra-green)}.ra-login .pw-hint{color:var(--ra-muted);margin-top:4px;font-size:12px;line-height:1.45}.ra-login .btn-blue{background:var(--ra-blue);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s;display:flex}.ra-login .btn-blue:hover{background:var(--ra-blue-m)}.ra-login .btn-blue:disabled{opacity:.5;cursor:not-allowed}.ra-login .btn-google{background:var(--ra-white);width:100%;min-height:46px;color:var(--ra-ink);border:1px solid var(--ra-border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.ra-login .btn-google:hover{background:var(--ra-light);border-color:var(--fg-4)}.ra-login .btn-google:disabled{opacity:.5;cursor:not-allowed}.ra-login .or-divider{color:var(--ra-muted);align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.ra-login .or-divider:before,.ra-login .or-divider:after{content:"";background:var(--ra-border);flex:1;height:1px}.ra-login .form-err{color:#922d22;background:#fdedec;border:1px solid #f5c0bb;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.ra-login .form-ok{color:#1e7e45;background:#e9f7ef;border:1px solid #a9dfbf;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.55}.ra-login .form-ok strong{color:#145a31;font-weight:700}.ra-login .form-group.pw-group{grid-template-columns:1fr auto;column-gap:12px;margin-bottom:20px;display:grid}.ra-login .pw-group .form-label{grid-area:1/1}.ra-login .pw-group .pw-forgot{grid-area:1/2;align-self:end}.ra-login .pw-group .pw-wrap,.ra-login .pw-group .field-err{grid-column:1/-1}.ra-login .auth-legal{gap:16px;margin-top:8px;font-size:13px;display:flex}.ra-login .auth-foot .auth-legal a{color:var(--ra-muted);font-weight:500}.ra-login .auth-foot .auth-legal a:hover{color:var(--ra-ink)}@media (max-width:899px){.ra-login .auth-legal{justify-content:center}}.ra-login .meta{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.ra-login .meta-center{text-align:center;color:var(--ra-muted);margin-top:18px;font-size:13px}.ra-login .meta-link{color:var(--ra-blue);font-size:13px;font-weight:600}.ra-login .meta-link:hover{color:var(--ra-blue-m)}.ra-login .meta-text{color:var(--ra-muted);font-size:13px}.ra-login .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ra-login-spin}@keyframes ra-login-spin{to{transform:rotate(360deg)}}@media (min-width:900px){.ra-login{background-color:var(--ra-navy);background-image:linear-gradient(to top, color-mix(in oklch, var(--ra-navy) 92%, transparent) 0%, color-mix(in oklch, var(--ra-navy) 55%, transparent) 45%, color-mix(in oklch, var(--ra-navy) 50%, transparent) 100%), linear-gradient(color-mix(in oklch, var(--accent-color) 30%, transparent), color-mix(in oklch, var(--accent-color) 30%, transparent)), url(/marketing/signin-gables-wide-2560.webp);background-image:linear-gradient(to top, color-mix(in oklch, var(--ra-navy) 92%, transparent) 0%, color-mix(in oklch, var(--ra-navy) 55%, transparent) 45%, color-mix(in oklch, var(--ra-navy) 50%, transparent) 100%), linear-gradient(color-mix(in oklch, var(--accent-color) 30%, transparent), color-mix(in oklch, var(--accent-color) 30%, transparent)), image-set(url(/marketing/signin-gables-wide-1600.webp) 1x, url(/marketing/signin-gables-wide-2560.webp) 2x);background-position:50% 30%;background-size:cover;grid-template:"hero main"1fr"foot main"/minmax(0,1fr) minmax(480px,1fr);display:grid}.ra-login .auth-hero{background:0 0;grid-area:hero;justify-content:space-between;gap:40px;padding:40px clamp(40px,5vw,96px) 0}.ra-login .auth-statement{letter-spacing:-.03em;max-width:14ch;font-size:clamp(40px,4.4vw,64px);line-height:1.04}.ra-login .auth-main{background:var(--ra-white);grid-area:main;justify-content:center;align-items:center;min-height:100dvh;padding:48px clamp(40px,6vw,120px);box-shadow:-24px 0 64px #00000038}.ra-login .form-card{background:0 0;border:0;border-radius:0;max-width:480px;padding:0}.ra-login .screen-h{margin-bottom:28px;font-size:32px}.ra-login .auth-foot{text-align:left;color:#ffffffb8;grid-area:foot;padding:28px clamp(40px,5vw,96px) 40px}.ra-login .auth-foot a{color:#fff}.ra-login .auth-foot .auth-legal a{color:#ffffffb8}.ra-login .auth-foot .auth-legal a:hover{color:#fff}}@media (max-width:640px){.ra-login .screen-h{font-size:24px}}.ra-login .verify-change{border-top:1px solid var(--ra-border);margin-top:18px;padding-top:16px}.ra-login .verify-wrong,.ra-login .verify-change .meta-link{cursor:pointer;background:0 0;border:0;padding:0}.ra-login .verify-change .meta-link:disabled{opacity:.5;cursor:default}.ra-login .email-hint{color:var(--ra-muted);overflow-wrap:anywhere;margin-top:6px;font-size:13px}.ra-login .email-hint button{font:inherit;color:var(--ra-blue);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.ra-login .verify-fix{flex-direction:column;gap:14px;display:flex}
