/* Dedicated login layout, using the company logo. Shared application styling is in f8-theme.css. */
#auth.is-hidden{display:none}
#auth{min-height:100vh;min-height:100dvh;grid-template-columns:minmax(360px,0.85fr) minmax(0,1.15fr);background:#111012;color:#f3f1f6}
#auth .auth-panel{min-height:100vh;min-height:100dvh;padding:64px clamp(32px,6vw,110px);background:radial-gradient(ellipse at 0 100%,#27132980,transparent 65%),#131318;border-right:1px solid #ffffff0c;position:relative;z-index:1;align-content:center}
#auth .auth-wordmark{font-size:28px;font-weight:850;letter-spacing:-1.5px;margin-bottom:10px;color:#fff}
#auth .auth-wordmark span{font-size:12px;font-weight:600;letter-spacing:3px;margin-left:10px;color:#cbc6d2}
#auth .auth-eyebrow{color:#a5a1b0;margin:0 0 56px;font-size:13px;letter-spacing:.02em}
#auth h1{font-size:38px;line-height:1.15;letter-spacing:-1.3px;margin:0 0 12px}
#auth .auth-panel>p:not(.auth-eyebrow){font-size:14px;line-height:1.65;color:#aaa6b5;max-width:380px;margin:0 0 30px}
#auth .auth-form{max-width:390px;width:100%;gap:20px}
#auth .field{gap:9px}
#auth .field label{color:#d6d2de;font-size:13px}
#auth .field input{height:52px;border:1px solid #3a3544;border-radius:10px;background:#1d1b23;color:#fff;padding:0 16px;caret-color:#eb3cab;transition:border-color .15s,box-shadow .15s}
#auth .field input:focus{border-color:#9c6de4;box-shadow:0 0 0 3px #9563dc25}
#auth .field input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #1d1b23 inset}
#auth .button-primary{background:linear-gradient(105deg,#a61d82,#6936bc 65%,#2e5ecb);border:1px solid #b76ca34d;color:#fff;border-radius:10px;min-height:52px;font-size:15px;font-weight:650;box-shadow:0 8px 30px #97309524}
#auth .button-primary:hover{filter:brightness(1.12)}
#auth .button-primary:focus-visible{outline:3px solid #b2caff;outline-offset:4px}
#auth .button-primary:disabled{opacity:.6}
#auth .auth-error{color:#ff9cab;min-height:0;margin:0;font-size:13px;line-height:1.5}
#auth .auth-error:empty{display:none}
#auth .auth-visual{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:38px 5vw;background:#111012;overflow:hidden}
#auth .auth-visual::before{display:none}
#auth .auth-logo{display:block;width:min(100%,530px);height:auto;object-fit:contain;mix-blend-mode:normal}
#auth .auth-caption{position:static;text-align:center;max-width:none;color:#9b94a7;line-height:1.6;margin:0}
#auth .auth-caption strong{font-size:24px;line-height:1.35;letter-spacing:-.5px;color:#efecf4;font-weight:600;margin-bottom:14px}
#auth .auth-caption span{font-size:12px;letter-spacing:2px}
@media(min-width:1600px){#auth .auth-panel{padding-left:max(70px,calc((100vw - 1320px)/2))}}
@media(max-width:760px){#auth{display:flex;flex-direction:column;min-height:100dvh;background:#131318}#auth .auth-visual{order:-1;padding:20px 24px 0;background:#131318;flex:none;gap:0}#auth .auth-logo{width:170px}#auth .auth-caption{display:none}#auth .auth-panel{min-height:0;flex:1;width:100%;max-width:460px;align-self:center;border:0;padding:16px 28px max(38px,env(safe-area-inset-bottom));background:none;align-content:start}#auth .auth-wordmark{display:none}#auth .auth-eyebrow{text-align:center;font-size:12px;margin:0 0 28px}#auth h1{font-size:30px}#auth .auth-panel>p:not(.auth-eyebrow){margin-bottom:24px}#auth .auth-form{max-width:none;gap:18px}#auth .field input{font-size:16px}}
@media(max-width:760px) and (max-height:700px){#auth .auth-logo{width:120px}#auth .auth-visual{padding-top:10px}#auth .auth-eyebrow{margin-bottom:18px}}