.roof-auth-workspace{color:#223b32;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;min-height:100svh}.roof-auth-layout{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.roof-auth-form-side{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:64px clamp(28px,5vw,100px) 24px;display:flex}.roof-auth-content{width:100%;max-width:420px;margin:auto 0;padding:24px 0 44px}.roof-auth-brand{color:#223b32;justify-content:center;width:fit-content;margin:0 auto 38px;display:flex}.roof-auth-brand .roof-mark{width:128px;height:auto}.roof-auth-content h1{text-align:center;letter-spacing:-.06rem;color:#223b32;font-size:2rem;font-weight:600;line-height:1.2}.roof-auth-content p.roof-auth-intro{text-align:center;color:#67756e;margin:12px 0 32px;font-size:1rem}.roof-auth-content .field{color:#344c41;gap:9px;margin:20px 0;font-size:.875rem}.roof-auth-content input[data-slot=input]{color:#223b32;height:56px;box-shadow:none;background:#fff;border:1px solid #cbd6cf;border-radius:8px;width:100%;padding:14px 16px}.roof-auth-content input[data-slot=input]:focus-visible{outline-offset:2px;border-color:#315f4e;outline:2px solid #729a85}.roof-auth-password{display:block;position:relative}.roof-auth-password input[data-slot=input]{padding-right:56px}.roof-auth-reveal{color:#697e73;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:6px;right:5px}.roof-auth-content .text-link{color:#315f4e;text-underline-offset:4px;font-size:.875rem;text-decoration:underline}.roof-auth-content>.text-link{justify-content:center;width:100%;margin-top:16px;display:flex}.roof-auth-content .roof-auth-forgot{justify-content:flex-end;margin-top:-12px;margin-bottom:12px;display:flex}.roof-auth-content .button{color:#fff;background:#315f4e;border-color:#315f4e;border-radius:8px;justify-content:center;width:100%;min-height:54px;font-size:1rem}.roof-auth-content .button:hover{background:#234c3d}.roof-auth-content .button.secondary{color:#315f4e;background:#fff}.roof-auth-secondary{justify-content:center;margin-top:0;display:flex}.roof-auth-content .baseline-note{color:#596a60;background:#f2f6f3;font-size:.8125rem;line-height:1.6}.roof-auth-content .consent-fieldset{color:#344c41;font-size:.875rem}.roof-auth-content .consent-fieldset p{color:#67756e}.roof-auth-content .consent-fieldset a{text-decoration:underline}.roof-auth-legal{color:#69796f;flex-wrap:wrap;justify-content:center;gap:24px;font-size:.875rem;display:flex}.roof-auth-legal a{align-items:center;min-height:44px;display:flex}.roof-auth-legal a:hover{text-decoration:underline}.roof-auth-image{isolation:isolate;background:#1e342c;height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}.roof-auth-image>img{object-fit:cover;object-position:center 38%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.roof-auth-image:after{content:"";z-index:-1;background:linear-gradient(#0000 35%,#10251b33 55%,#10251be6 100%);position:absolute;inset:0}.roof-auth-image-copy{color:#fff;position:absolute;bottom:8%;left:9%;right:8%}.roof-auth-image-copy>span{letter-spacing:.16em;color:#d3e5db;font-size:.875rem;font-weight:600}.roof-auth-image-copy>p{letter-spacing:-.035em;color:#fff;margin:22px 0 30px;font-size:clamp(2rem,3.7vw,4.4rem);font-weight:500;line-height:1.13}.roof-auth-topics{color:#e6eee8;flex-wrap:wrap;gap:16px;font-size:.9375rem;display:flex}.roof-auth-topics span{color:#90b9d2}@media (max-width:800px){.roof-auth-layout{grid-template-columns:1fr}.roof-auth-image{display:none}.roof-auth-form-side{min-height:100svh;padding:36px 24px 16px}.roof-auth-content{max-width:440px;padding:20px 0 32px}.roof-auth-brand{margin-bottom:30px}.roof-auth-content h1{font-size:1.875rem}}@media (prefers-reduced-motion:reduce){.roof-auth-layout *{transition:none}}html[data-theme=dark] .roof-auth-content p{color:#596a60}html[data-theme=dark] .roof-auth-content .button{color:#fff;background:#315f4e;border-color:#315f4e}html[data-theme=dark] .roof-auth-content .button:hover{background:#234c3d}html[data-theme=dark] .roof-auth-content .button.secondary{color:#315f4e;background:#fff}html[data-theme=dark] .roof-auth-content input[data-slot=input]{color:#223b32;background:#fff;border-color:#cbd6cf}html[data-theme=dark] .roof-auth-image-copy>p{color:#fff}