.admin-login-page{color:#171a1f;background:#f7f6f2;grid-template-columns:minmax(480px,1.08fr) minmax(460px,.92fr);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:470px;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 span{font-size:21px}.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:470px;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 (max-width:900px){.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 (max-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}}.login-brand-name small,.login-feature-row b,.login-footer,.secure-note small,.login-error span,.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}.field-wrap:focus-within{border-color:#0b63ce;box-shadow:0 0 0 4px #0b63ce29}.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}}