[hidden]{display:none!important}
body:not(.authenticated){overflow:hidden}
body:not(.authenticated) .topbar,body:not(.authenticated)>main,body:not(.authenticated) .primary-nav{display:none!important}
.auth-screen{min-height:100svh;padding:clamp(22px,5vh,86px) clamp(22px,4vw,76px);display:flex;justify-content:flex-end;align-items:center;background:linear-gradient(90deg,transparent 45%,#08152933 100%),url("login-driverhub-tec.png") center/cover no-repeat}
.auth-card{width:min(560px,35vw);min-width:430px;padding:28px 38px;border:1px solid #a8c8ff80;border-radius:34px;background:linear-gradient(145deg,#16366ef0,#3b2949e8);box-shadow:0 30px 80px #02081699,inset 0 1px 0 #ffffff42;color:#fff;backdrop-filter:blur(22px) saturate(130%)}
.auth-card .brand{margin:0 0 18px;gap:10px}
.auth-brand-logo{width:86px;height:86px;border-radius:21px;border:2px solid #33bfff;box-shadow:0 0 26px #1ea7ff88}
.auth-card .brand strong{font-size:clamp(34px,2.5vw,44px);letter-spacing:-.05em;text-shadow:0 5px 18px #0008}
.auth-card .brand strong span{color:#ffd638}
.auth-card h1{margin:0;text-align:center;font-size:clamp(34px,2.7vw,46px);line-height:1}
.auth-card p{margin:14px 0 26px;color:#e8ebf5;text-align:center;font-size:clamp(15px,1.1vw,19px)}
.auth-card form{gap:12px}
.auth-field{min-height:60px;display:flex;align-items:center;gap:14px;padding:0 18px;border:1px solid #ffffff4d;border-radius:16px;background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff18}
.auth-field>span{flex:0 0 30px;font-size:28px;color:#fff;text-align:center}
.auth-card .auth-field input{min-width:0;padding:0;border:0;outline:0;background:transparent;color:#fff;font-size:20px}
.auth-card .auth-field input::placeholder{color:#dce2ee;opacity:.8}
#passwordToggle{flex:0 0 38px;border:0;background:transparent;color:#dce2ee;font-size:23px;cursor:pointer}
.auth-actions{display:grid;gap:8px}
.auth-actions .btn{width:100%;min-height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(135deg,#34b8ff,#0876f9);box-shadow:0 14px 30px #006fee55,inset 0 1px 0 #ffffff55;font-size:19px}
.auth-actions .btn b{font-size:32px;font-weight:400}
.auth-actions .btn.secondary{min-height:42px;background:transparent;box-shadow:none;color:#2eb9ff;font-size:16px}
.auth-message{color:#ffd7d7;text-align:center}
@media(max-width:820px){.auth-screen{justify-content:center;padding:18px;background-position:38% center}.auth-card{width:min(520px,100%);min-width:0;padding:28px 22px;border-radius:25px}.auth-brand-logo{width:82px;height:82px}.auth-card .brand strong{font-size:34px}.auth-card h1{font-size:34px}.auth-card p{margin:12px 0 24px;font-size:15px}.auth-field,.auth-actions .btn{min-height:58px}.auth-card .auth-field input{font-size:17px}}