.auth-page{background:radial-gradient(circle at 50% 35%,#15284b 0,#07101f 34%,#02050a 72%,#000 100%);color:#edf4ff}
.auth-page .auth-wrap{min-height:calc(100vh - 50px)}
.auth-page footer{color:#66758d}
.dark-login-card{width:min(470px,100%);background:linear-gradient(155deg,rgba(20,31,50,.98),rgba(7,13,24,.99));border:1px solid #273752;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 55px rgba(49,106,244,.12)}
.dark-login-brand{justify-content:center;margin-bottom:30px;text-align:center}
.dark-login-brand h1{font-size:27px;color:#f4f8ff;letter-spacing:.2px}
.login-logo{display:block;width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(49,106,244,.38))}
.dark-login-form label{color:#dce7f8}
.dark-login-form input{background:#0c1627;border-color:#30415e;color:#f5f8ff}
.dark-login-form input:focus{border-color:#4b7bff;box-shadow:0 0 0 3px rgba(75,123,255,.18)}
.login-password-wrap{display:grid;grid-template-columns:1fr 46px;gap:0}
.login-password-wrap input{border-radius:10px 0 0 10px;border-right:0}
.login-eye-toggle{border:1px solid #30415e;border-left:0;border-radius:0 10px 10px 0;background:#111f34;color:#9eb7df;padding:0;display:grid;place-items:center;font-size:23px}
.login-eye-toggle[aria-pressed="true"]{color:#75a0ff;background:#172b49}
.login-submit{justify-content:center;text-align:center;width:100%;font-size:15px;background:linear-gradient(100deg,#285df0,#447cff);box-shadow:0 10px 28px rgba(49,106,244,.28)}
@media(max-width:520px){.dark-login-card{padding:28px 22px}.dark-login-brand{gap:12px}.dark-login-brand h1{font-size:22px}.login-logo{width:58px;height:58px}}