:root { --admin-primary: #163a5f; }
* { box-sizing: border-box; }
body.admin-login { min-height: 100vh; margin: 0; background: #142131; color: #17202a; }
.admin-login__background, .admin-login__video, .admin-login__overlay { position: fixed; inset: 0; width: 100%; height: 100%; }
.admin-login__background { background-color: #142131; background-position: center; background-size: cover; }
.admin-login--default .admin-login__background { background: #eef1f4; }
.admin-login--solid .admin-login__background { background: var(--admin-primary); }
.admin-login__video { object-fit: cover; }
.admin-login__overlay { background: var(--login-overlay); opacity: var(--login-overlay-opacity); }
.admin-login--default .admin-login__overlay { opacity: 0; }
.admin-login__shell { position: relative; z-index: 1; min-height: 100vh; display: grid; place-items: center; padding: 1.25rem; }
.admin-login__card { width: min(100%, 390px); padding: 2rem; border: 1px solid rgba(255,255,255,.35); border-radius: .65rem; background: rgba(255,255,255,.94); box-shadow: 0 16px 45px rgba(0,0,0,.18); }
.admin-login__logo { display: block; width: min(250px, 82%); height: auto; object-fit: contain; margin: 0 auto 1.2rem; }
.admin-login__card h1 { margin: 0 0 .45rem; font-size: 1.45rem; font-weight: 650; }
.admin-login__card > p { margin-bottom: 1.4rem; color: #66707c; }
.admin-login__card .form-control { min-height: 42px; }
.admin-login__card .form-control:focus { border-color: var(--admin-primary); box-shadow: 0 0 0 .2rem rgba(22,58,95,.16); }
.admin-login__card .btn-primary { min-height: 42px; background: var(--admin-primary); border-color: var(--admin-primary); }
@media (max-width: 480px) { .admin-login__card { padding: 1.45rem; } }
@media (prefers-reduced-motion: reduce) { .admin-login__video { display: none; } }