.login-page{background-image:linear-gradient(110deg,rgba(247,250,252,.9),rgba(236,245,247,.76)),var(--login-background,url("assets/parking-background.png"));background-color:#eef5f6;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.parking-logo{overflow:hidden;background:#fff!important;border:0!important;border-radius:15px!important;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.parking-logo img{width:100%;height:100%;display:block;object-fit:contain}
.login-layout{width:min(1100px,100%);grid-template-columns:minmax(380px,460px) minmax(330px,390px);gap:100px}
.login-page .login-card{padding:44px 38px 38px;border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 75px rgba(3,15,45,.32)}
.login-page .login-card h1{font-size:34px}
.login-page .login-card input{height:48px}
.login-page .login-card .btn{height:48px}
.online-pill{min-width:270px;padding:14px 18px}
.info-panel{border-radius:16px;padding:14px}
.clock-card{padding:22px 16px}
.clock-card strong{font-size:32px}
.online-reservation-btn{border-radius:15px;border-width:9px;padding:15px 20px}
@media(max-width:820px){.login-layout{grid-template-columns:minmax(0,460px);gap:18px}
.login-side{order:0}
.online-pill,.online-reservation-btn{width:100%}
.info-panel{display:none}
}
@media(max-width:520px){.login-page .login-card{padding:30px 24px}
.login-page .login-card h1{font-size:29px}
}