body{color:var(--hb-navy);background:linear-gradient(135deg,#f0f4f8 0,#e8f0f8 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:450px}.login-card{border:0;border-radius:20px;box-shadow:0 10px 40px rgba(11,42,91,.15);overflow:hidden;background:#fff}.login-header{background:linear-gradient(135deg,var(--hb-navy) 0%,#1a4a8f 100%);text-align:center;color:#fff}.login-header h1{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:#fff}.login-header p{font-size:.95rem;color:rgba(255,255,255,.9);margin:0}.login-body,.login-header{padding:2.5rem 2rem}.form-label[for=id_password]::before,.form-label[for=id_username]::before{content:"";display:inline-block;width:1.2rem;height:1.2rem;background-image:url(../img/icons/user.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:.5rem;vertical-align:middle}.form-label[for=id_password]::before{background-image:url(../img/icons/lock.svg)}.btn-login{background:linear-gradient(135deg,var(--hb-turq) 0%,#15a098 100%);border:0;border-radius:10px;padding:.6rem 1.5rem;font-weight:600;font-size:.9rem;color:#fff;width:100%;transition:all .2s ease;margin-top:1.5rem;min-height:38px;display:flex;align-items:center;justify-content:center}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--hb-turq-rgb),.4);color:#fff}.btn-login:active{transform:translateY(0)}.password-counter{font-size:.8rem;color:#6c757d;text-align:right;margin-top:.25rem}.password-counter.warning{color:#ffc107}.password-counter.danger{color:#dc3545}@media (max-width:576px){.login-body,.login-header{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}