.password-control__input{position:relative}.password-control .ks-input.password-control__field{padding-inline-end:52px}.password-control__toggle{color:var(--muted-foreground);position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-control .password-control__toggle:active:not(:disabled){transform:translateY(calc(1px - 50%))}.password-control__hint{color:var(--warning);margin-top:7px;font-size:11px;display:block}
.signin-page{max-width:1800px;min-height:100dvh;color:var(--foreground);background:var(--background);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-inline:auto;padding:18px;display:grid}.signin-panel{flex-direction:column;min-width:0;padding:17px clamp(16px,3.7vw,64px) 6px;display:flex}.signin-brand{width:fit-content;color:var(--foreground);font:550 27px / 1.1 var(--font-display);letter-spacing:-.055em;align-items:center;gap:12px;display:flex}.signin-brand .brand-logo{width:128px}.signin-form-wrap{flex:1;justify-content:center;align-items:center;padding-block:clamp(24px,4vh,52px);display:flex}.signin-form{width:100%;max-width:388px;animation:signin-enter .4s var(--ease) both}.signin-eyebrow{color:var(--muted-foreground);letter-spacing:.13em;align-items:center;gap:8px;font-size:9px;font-weight:650;display:flex}.signin-eyebrow>span{background:var(--primary);border-radius:2px;width:6px;height:6px;display:block}.signin-form h1{font:450 clamp(30px, 3.1vw, 42px) / 1.2 var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:15px 0 12px}.signin-description{max-width:36ch;color:var(--muted-foreground);font-size:13px;line-height:1.8}.signin-form form{gap:17px;margin-top:25px;display:grid}.signin-form .ks-input{background:var(--card);height:49px;padding-inline:14px;font-size:13px}.signin-form .ks-field__label{font-size:13px;font-weight:650}.signin-password-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.signin-text-button{color:var(--muted-foreground);text-underline-offset:4px;min-height:20px;font-size:11px;font-weight:550}.signin-text-button:hover{color:var(--foreground);text-decoration:underline}.signin-submit,.signin-google{justify-content:center;width:100%;min-height:48px;font-size:13px}.signin-submit{gap:13px;margin-top:3px}.signin-divider{text-align:center;color:var(--muted-foreground);margin:18px 0;font-size:10px;position:relative}.signin-divider:before{content:"";border-top:1px solid var(--border);position:absolute;inset:50% 0 auto}.signin-divider>span{background:var(--background);padding-inline:13px;position:relative}.signin-google{background:var(--card);gap:12px}.signin-access-note{color:var(--muted-foreground);justify-content:center;align-items:center;gap:7px;margin-top:19px;font-size:10px;line-height:1.6;display:flex}.signin-access-note svg{flex-shrink:0}.signin-help{text-align:center;color:var(--muted-foreground);margin-top:22px;font-size:11px;line-height:1.8}.signin-help span{color:var(--foreground);font-weight:600}.signin-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px 14px;padding-top:20px;font-size:10px;line-height:1.7;display:flex}.signin-footer>span,.signin-footer>a{align-items:center;gap:6px;display:inline-flex}.signin-footer>span{color:var(--muted-foreground)}.signin-footer a{color:var(--foreground);text-underline-offset:4px;font-weight:600}.signin-footer a:hover{text-decoration:underline}.signin-notice,.signin-error{background:var(--secondary);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:13px 15px;font-size:12px;line-height:1.7}.signin-notice{margin-top:20px}.signin-error{color:var(--destructive);background:var(--danger-soft)}.signin-back{min-height:44px;color:var(--muted-foreground);align-items:center;gap:8px;margin-top:22px;font-size:12px;display:flex}.signin-back:hover{color:var(--foreground)}.signin-reset-success{background:var(--secondary);border:1px solid var(--border);border-radius:12px;margin-top:30px;padding:26px}.signin-reset-success__icon{border:1px solid var(--border);background:var(--card);width:42px;height:42px;color:var(--success);border-radius:10px;place-items:center;margin-bottom:17px;display:grid}.signin-reset-success h2{font:600 15px / 1.5 var(--font-sans);margin-bottom:9px}.signin-reset-success p{color:var(--muted-foreground);font-size:12px;line-height:1.8}.login-visual{background:var(--charcoal);min-height:650px;color:var(--cream);isolation:isolate;border-radius:17px;flex-direction:column;justify-content:space-between;padding:32px clamp(26px,3.5vw,58px);display:flex;position:relative;overflow:hidden}.login-visual__image,.login-visual__shade{z-index:-1;position:absolute;inset:0}.login-visual__image{background:url(/images/shop/commercial-rooftop.webp) 50%/cover no-repeat}.login-visual__shade{background:linear-gradient(#1817157a 0%,#18171533 32%,#181715d4 68%,#181715f5 100%)}.login-visual__top{justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:550;display:flex}.login-visual__top>span:first-child{align-items:center;gap:9px;display:flex}.login-visual__edition{color:var(--cream);opacity:.8;font-size:9px}.login-visual__content{margin-top:auto;padding-top:clamp(120px,17vh,200px)}.login-visual__eyebrow{letter-spacing:.18em;color:#e0ae96;font-size:9px;font-weight:600}.login-visual h2{font:450 clamp(32px, 3.8vw, 49px) / 1.19 var(--font-display);letter-spacing:-.045em;color:inherit;text-wrap:balance;margin:18px 0 21px}.login-visual__content>p{color:#ded9d0;max-width:35ch;font-size:12px;line-height:1.9}.login-visual__rule{background:var(--primary);width:44px;height:2px;margin-block:28px}.login-visual__workflows{grid-template-columns:1fr 1fr;gap:20px;display:grid}.login-visual__workflows>div{align-items:flex-start;gap:12px;font-size:11px;font-weight:600;display:flex}.login-visual__workflows svg{color:#d3a28a;flex-shrink:0}.login-visual__workflows small{color:#c6bfb3;margin-top:8px;font-size:9px;font-weight:400;line-height:1.7;display:block}.login-visual__footer{color:#c6bfb3;border-top:1px solid #faf9f529;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:21px;font-size:9px;display:flex}@keyframes signin-enter{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.signin-page{padding-block:26px}.signin-panel{padding-block:25px 12px}}@media (max-width:1000px){.signin-page{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px;padding:12px}.signin-panel{padding-inline:20px}.login-visual{padding:30px 25px}.login-visual__edition{display:none}.login-visual__workflows{grid-template-columns:1fr;gap:18px}.login-visual__content{padding-top:190px}}@media (max-width:760px){.signin-page{padding:0;display:block}.signin-panel{min-height:100dvh;padding:27px max(24px, env(safe-area-inset-right)) 22px max(24px, env(safe-area-inset-left))}.signin-brand{font-size:25px}.signin-form-wrap{padding-block:48px 40px}.signin-form{max-width:400px}.signin-form h1{font-size:34px}.signin-form .ks-input{height:51px;font-size:16px}.login-visual{display:none}.signin-access-note{font-size:10px}.signin-text-button{min-height:44px}.signin-password-heading{margin-top:-12px}.password-control .password-control__toggle{min-width:44px;min-height:44px}.signin-footer{padding-top:19px;font-size:11px}}@media (min-width:761px) and (max-height:780px){.signin-panel{padding-top:12px}.signin-form-wrap{padding-block:22px 20px}.signin-form h1{margin-block:12px 8px;font-size:36px}.signin-description{font-size:12px;line-height:1.65}.signin-form form{gap:14px;margin-top:20px}.signin-divider{margin-block:15px}.signin-access-note{margin-top:14px}.signin-help{margin-top:16px}.signin-footer{padding-top:14px}.login-visual{min-height:620px;padding-block:28px}.login-visual__content{padding-top:100px}.login-visual h2{font-size:45px}.login-visual__rule{margin-block:22px}.login-visual__footer{margin-top:24px;padding-top:16px}}@media (prefers-reduced-motion:reduce){.signin-form{animation:none}}