/* Login-only brand layer. Authentication and shared application styles stay separate. */
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/css/site/fonts/martian-mono-cyrillic-v6.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/css/site/fonts/martian-mono-latin-v6.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.login-page{
    --login-orange:#f53a01;
    --login-black:#000;
    --login-white:#fff;
    --login-light:#d9d9d9;
    --login-grey:#646464;
    --login-dark:#333;
    --login-yellow:#ffae17;
    isolation:isolate;
    margin:0;
    min-height:100vh;
    min-height:100svh;
    background:radial-gradient(ellipse at 0% 100%,rgba(245,58,1,.24),transparent 60%),var(--login-black);
    color:var(--login-white);
    font-family:'Martian Mono',monospace;
    font-size:16px;
    line-height:1.6;
    color-scheme:dark;
}
.login-page *{box-sizing:border-box}
.login-page ::selection{background:var(--login-yellow);color:var(--login-black)}
.login-page .login-header{max-width:1200px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.login-page .login-home{display:inline-flex;flex-shrink:0}
.login-page .login-home img{display:block;width:192px;height:auto}
.login-page .login-back{color:var(--login-light);font-size:14px;text-decoration:none;padding:10px 0}
.login-page .login-back span{margin-left:10px}
.login-page .login-back:hover{color:var(--login-orange);text-decoration:underline;text-underline-offset:4px}
.login-page .login-layout{max-width:1200px;min-height:calc(100svh - 143px);margin:auto;padding:48px 40px 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:center;background:none}
.login-page .login-intro{min-width:0}
.login-page .login-slogan{margin:0;font-size:clamp(34px,3.5vw,48px);line-height:1.2;letter-spacing:-.035em;text-transform:uppercase}
.login-page .login-slogan span{color:var(--login-orange);font-size:inherit;line-height:inherit}
.login-page .login-intro-copy{margin:28px 0 0;color:var(--login-light);font-size:16px;line-height:1.8}
.login-page .login-card{width:100%;max-width:none;padding:36px;background:linear-gradient(145deg,var(--login-dark),#141414 75%);border:1px solid var(--login-dark);border-radius:20px;box-shadow:none}
.login-page .login-heading{margin-bottom:30px;text-align:left}
.login-page .login-heading h1{margin:0 0 12px;font-size:28px;font-weight:400;line-height:1.3;letter-spacing:-.035em;color:var(--login-white)}
.login-page .login-heading p{margin:0;color:var(--login-light);font-size:14px;line-height:1.7}
.login-page .login-field{margin-bottom:22px}
.login-page .login-field label{display:block;margin-bottom:10px;color:var(--login-white);font-size:14px;font-weight:400}
.login-page .login-field .form-control{width:100%;height:54px;padding:14px 16px;border:1px solid var(--login-grey);border-radius:4px;background:var(--login-black);color:var(--login-white);font:inherit;font-size:16px;line-height:1.5;caret-color:var(--login-orange);box-shadow:none}
.login-page .login-field .form-control::placeholder{color:var(--login-light);opacity:1;font-size:14px}
.login-page .login-field .form-control:focus{border-color:var(--login-yellow);outline:2px solid var(--login-yellow);outline-offset:2px;box-shadow:none}
.login-page .login-field input:-webkit-autofill{-webkit-text-fill-color:var(--login-white);-webkit-box-shadow:0 0 0 1000px var(--login-black) inset;caret-color:var(--login-orange)}
.login-page .login-remember{display:flex;align-items:center;gap:12px;margin:4px 0 26px;color:var(--login-light);font-size:14px}
.login-page .login-remember input{flex-shrink:0;width:20px;height:20px;margin:0;accent-color:var(--login-orange);cursor:pointer;color-scheme:light}
.login-page .login-remember label{margin:0;cursor:pointer;padding:8px 0}
.login-page .login-submit{display:block;width:100%;min-height:54px;padding:14px 20px;margin:0;background:var(--login-orange);color:var(--login-black);border:1px solid var(--login-orange);border-radius:4px;font:inherit;font-size:16px;font-weight:700;line-height:1.5;box-shadow:none;cursor:pointer;transition:transform 120ms ease}
.login-page .login-submit:hover,.login-page .login-submit:focus,.login-page .login-submit:active{background:var(--login-orange)!important;color:var(--login-black)!important;border-color:var(--login-orange)!important;box-shadow:none!important}
.login-page .login-submit:active{transform:scale(.98)}
.login-page a:focus-visible,.login-page button:focus-visible,.login-page input[type=checkbox]:focus-visible{outline:3px solid var(--login-yellow);outline-offset:5px}
.login-page .login-notice{margin:0 0 24px;padding:16px;background:var(--login-black);border:1px solid var(--login-grey);border-radius:8px;color:var(--login-light);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.login-page .alert-danger{border-color:var(--login-orange);color:var(--login-white)}
.login-page .alert-info{border-color:var(--login-yellow)}
@media(max-width:1000px){.login-page .login-layout{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,400px)}.login-page .login-slogan{font-size:34px}}
@media(max-width:800px){.login-page .login-header{padding:24px}.login-page .login-home img{width:176px}.login-page .login-layout{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:calc(100svh - 128px);padding:36px 24px 60px}.login-page .login-intro{display:none}.login-page .login-card{max-width:440px}}
@media(max-width:400px){.login-page .login-header{padding:20px}.login-page .login-home img{width:144px}.login-page .login-back{font-size:12px}.login-page .login-layout{min-height:calc(100svh - 105px);padding:24px 16px 40px}.login-page .login-card{padding:26px 22px}.login-page .login-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.login-page .login-submit{transition:none;transform:none}}

.login-page .login-background{filter:grayscale(1);position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/img/site/workshop-hero-poster.jpg?v=detailing-2') center/cover no-repeat}
.login-page .login-background .hero-video{display:block;width:100%;height:100%;object-fit:cover}
.login-page .login-background:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 100%,rgba(245,58,1,.2),transparent 65%),linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.65))}
@media(max-width:800px){.login-page .login-background:after{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.85))}}