.admin-login-page{color:#171a1f;background:#f7f6f2;grid-template-columns:minmax(0,1fr) 600px;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:grid;position:relative}.login-brand{z-index:5;color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex;position:absolute;top:38px;left:48px}.login-brand-mark{align-items:flex-end;gap:3px;width:34px;height:38px;display:flex}.login-brand-mark i{background:#ff4b21;border-radius:1px;width:8px;display:block;transform:skew(-10deg)}.login-brand-mark i:first-child{height:17px}.login-brand-mark i:nth-child(2){height:27px}.login-brand-mark i:nth-child(3){height:37px}.login-brand-name{flex-direction:column;line-height:1;display:flex}.login-brand-name b{letter-spacing:.03em;font-size:20px}.login-brand-name small{letter-spacing:.22em;color:inherit;opacity:.72;margin-top:5px;font-size:9px;font-weight:800}.login-visual{background:url(/images/creek-auto-care-hero.jpg) 50%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}.login-visual-overlay{background:linear-gradient(#0b0f1357,#0b0f13d1 80%),linear-gradient(90deg,#0b0f134d,#0000);position:absolute;inset:0}.login-visual-content{z-index:2;color:#fff;max-width:720px;position:absolute;bottom:7%;left:7%;right:7%}.login-kicker,.form-kicker{letter-spacing:.18em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.login-kicker i{background:#ff4b21;width:30px;height:2px}.login-visual h1{letter-spacing:-.055em;margin:19px 0 20px;font-size:clamp(48px,5vw,76px);line-height:.96}.login-visual h1 em{color:#ff6a45;font-family:Georgia,serif;font-weight:400}.login-visual-content>p{color:#e1e4e8;max-width:620px;margin:0;font-size:16px;line-height:1.65}.login-feature-row{border-top:1px solid #ffffff3d;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;padding-top:22px;display:grid}.login-feature-row span{color:#fff;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.login-feature-row b{color:#ff6a45;letter-spacing:.08em;font-size:10px}.login-form-panel{background:radial-gradient(circle at 100% 0,#fff 0,#0000 38%),#f7f6f2;flex-direction:column;justify-content:center;min-height:100vh;padding:44px clamp(38px,7vw,100px) 30px;display:flex}.login-mobile-brand{display:none}.login-form-panel form{width:100%;max-width:320px;margin:auto}.form-kicker{color:#e94720}.login-form-panel h2{letter-spacing:-.055em;margin:12px 0 10px;font-size:clamp(40px,4vw,56px);line-height:1}.form-intro{color:#6d727b;max-width:420px;margin:0 0 34px;font-size:15px;line-height:1.55}.login-form-panel label{margin-top:20px;display:block}.login-form-panel label>span{color:#30343a;margin-bottom:9px;font-size:13px;font-weight:800;display:block}.field-wrap{background:#fff;border:1px solid #d8d7d2;border-radius:9px;align-items:center;height:58px;transition:all .2s;display:flex;box-shadow:0 1px #00000005}.field-wrap svg{fill:none;stroke:#8b9098;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin:0 14px 0 17px}.field-wrap input{color:#171a1f;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:15px}.field-wrap input::placeholder{color:#a1a5ab}.password-toggle{color:#e94720;cursor:pointer;background:0 0;border:0;height:36px;margin-right:10px;padding:0 10px;font-size:12px;font-weight:800}.submit-button{color:#fff;cursor:pointer;background:#ff4b21;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;margin-top:26px;padding:0 20px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #de381238}.submit-button:hover{background:#e93f18;transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}.submit-button i{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite login-spin}.secure-note{background:#ffffffa3;border:1px solid #e3e1dc;border-radius:9px;gap:12px;margin-top:22px;padding:16px;display:flex}.secure-note>span{color:#16854b;background:#e9f8ef;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.secure-note p{flex-direction:column;gap:3px;margin:0;display:flex}.secure-note b{font-size:12px}.secure-note small{color:#7b8088;font-size:11px;line-height:1.4}.login-error{color:#a7291e;background:#fff1ef;border-left:3px solid #d92d20;border-radius:4px;flex-direction:column;gap:3px;margin-top:18px;padding:13px 15px;display:flex}.login-error b{font-size:12px}.login-error span{font-size:11px}.login-footer{color:#858990;justify-content:space-between;width:100%;max-width:320px;margin:28px auto 0;font-size:11px;display:flex}.login-footer a{color:#555a62;font-weight:700;text-decoration:none}.login-footer a:hover{color:#e94720}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=1024px){.admin-login-page{grid-template-columns:1fr}.login-brand,.login-visual{display:none}.login-form-panel{justify-content:flex-start;padding:30px 22px}.login-mobile-brand{color:#171a1f;align-items:center;gap:12px;margin-bottom:clamp(70px,16vh,130px);display:flex}.login-form-panel form{margin:0 auto}.login-footer{margin-top:auto;padding-top:40px}}@media (width<=520px){.login-form-panel{padding:24px 18px}.login-mobile-brand{margin-bottom:64px}.login-form-panel h2{font-size:42px}.form-intro{margin-bottom:28px;font-size:14px}.field-wrap{height:56px}.login-footer{flex-direction:column;align-items:center;gap:10px}}.field-wrap .verification-code{letter-spacing:.35em;width:100%;padding:0 18px;font-size:24px}.code-help{color:#626a76;margin:10px 0 0;font-size:13px;line-height:1.55}.verification-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.verification-actions button{color:#b42305;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600}.verification-actions button:disabled{color:#626a76;cursor:default}.verification-actions button:focus-visible{outline-offset:3px;outline:3px solid #0b63ce}.admin-login-page,.admin-login-page input,.admin-login-page button{font-family:var(--font-geist-sans), "Helvetica Neue", Arial, sans-serif}.login-form-panel h2{letter-spacing:-.035em;font-size:clamp(34px,3.2vw,44px);font-weight:650;line-height:1.12}.login-form-panel label>span{font-size:14px;font-weight:600}.form-kicker{letter-spacing:.14em;font-weight:650}.submit-button{font-weight:650}.password-toggle,.secure-note b,.login-footer a{font-weight:600}.secure-note small{color:#626a76}.field-wrap input{border-radius:8px;line-height:1.5}.field-wrap input:-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:#171a1f;caret-color:#171a1f;box-shadow:inset 0 0 0 1000px #fff}.field-wrap input:is(:autofill,:autofill){-webkit-text-fill-color:#171a1f;caret-color:#171a1f;box-shadow:inset 0 0 0 1000px #fff}.field-wrap svg{flex-shrink:0}.login-brand-name small,.login-feature-row b,.login-footer,.login-error span{font-size:12px}.login-kicker,.form-kicker{font-size:12px}.login-feature-row span,.secure-note b,.login-error b,.password-toggle{font-size:13px}.form-kicker,.password-toggle,.login-footer a:hover{color:#b42305}.login-visual h1 em,.login-feature-row b{color:#ff8b70}.password-toggle:focus-visible,.submit-button:focus-visible,.login-brand:focus-visible,.login-footer a:focus-visible{outline-offset:3px;outline:3px solid #0b63ce}.field-wrap input{font-size:16px}@media (prefers-reduced-motion:reduce){.submit-button,.field-wrap{transition:none}.submit-button i{animation-duration:1.4s}}.passkey-login{color:#253443;cursor:pointer;background:#fff;border:1px solid #d2d8df;border-radius:8px;width:100%;margin-top:12px;padding:14px;font-size:14px}.passkey-login:hover{background:#f0f3f6}.passkey-login:focus-visible{outline-offset:3px;outline:3px solid #0b63ce}.login-form-panel form{max-width:320px}.login-form-panel h2{margin:10px 0;font-size:28px;font-weight:600;line-height:1.2}.form-kicker{letter-spacing:.12em;font-size:11px;font-weight:550}.form-intro{margin-bottom:22px;font-size:13px;line-height:1.6}.login-form-panel label{margin-top:16px}.login-form-panel label>span{margin-bottom:7px;font-size:12px;font-weight:550}.field-wrap{border-radius:7px;height:42px}.field-wrap input{border-radius:6px;font-size:14px}.field-wrap svg{width:17px;height:17px;margin:0 11px 0 13px}.field-wrap .verification-code{letter-spacing:.22em;padding:0 13px;font-size:18px}.field-wrap:focus-within{border-color:#98a2b3;box-shadow:0 0 0 2px #98a2b329}.submit-button{height:42px;box-shadow:none;border-radius:7px;margin-top:20px;padding:0 15px;font-size:13px;font-weight:550}.submit-button:hover{box-shadow:none;transform:none}.submit-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.passkey-login{border-radius:7px;min-height:40px;margin-top:10px;padding:10px 12px;font-size:12px}.code-help{margin-top:8px;font-size:12px;line-height:1.5}.verification-actions{gap:10px;margin-top:14px}.verification-actions button{font-size:12px;font-weight:500}.secure-note{border-radius:8px;gap:10px;margin-top:22px;padding:12px}.secure-note b{font-size:12px;font-weight:550}.secure-note small{font-size:12px;line-height:1.5}.admin-login-page :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #98a2b3}@media (width<=1024px){.login-mobile-brand{margin-bottom:42px}.login-form-panel form{max-width:320px}}@media (width<=520px){.login-form-panel h2{font-size:27px}.form-intro{margin-bottom:20px;font-size:13px}.field-wrap{height:42px}.field-wrap input{font-size:16px}.field-wrap .verification-code{font-size:18px}.login-mobile-brand{margin-bottom:34px}}.admin-login-page label.remember-browser{cursor:pointer;align-items:flex-start;gap:10px;margin:20px 0;display:flex}.admin-login-page .remember-browser input{accent-color:#344054;flex:none;width:18px;height:18px;margin:2px 0}.admin-login-page .remember-browser span{font-size:13px;line-height:1.5}.admin-login-page .remember-browser small{color:#667085;margin-top:4px;font-weight:400;display:block}