.user-login { min-height: 100vh; display: grid; place-items: center; padding: 30px 0; background: radial-gradient(ellipse at 80% 10%, #d7b78e28, transparent 45%), linear-gradient(145deg, #224962, #102637); }
.user-login .login-card { margin: 0 auto; border: 1px solid #ffffff25; box-shadow: 0 30px 80px #061c3050; padding: 36px; }
.login-lungs { display: grid; place-items: center; width: 58px; height: 58px; background: #e3edf3; color: #315d76; border-radius: 18px; margin-bottom: 22px; }
.login-lungs svg { width: 34px; height: 34px; }
.remember-note { color: #607686; font-size: 12px; margin: 2px 0 18px; }
.admin-login-link { margin-top: 25px; padding-top: 20px; border-top: 1px solid #dce5eb; text-align: center; font-size: 12px; color: #607686; }
.admin-login-link a:hover { text-decoration: underline; color: #315d76; }
@media(max-width: 430px) { .user-login .login-card { padding: 28px 24px; } }