:root{--bingo-navy:#061a35;--bingo-blue:#0876ef;--bingo-gold:#f2bd58}
body.login.brand-login{min-height:100vh;margin:0;background:#031226 url('assets/branding/login-bg.jpg') center/cover fixed no-repeat;display:grid;place-items:center;font-family:Arial,sans-serif}
body.login.brand-login:before{content:"";position:fixed;inset:0;background:rgba(2,14,31,.58);backdrop-filter:blur(2px)}
.brand-login .login-card{position:relative;z-index:1;width:min(430px,calc(100% - 32px));padding:28px 34px 30px;background:rgba(5,26,53,.93);border:1px solid rgba(105,170,255,.28);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.55);color:white}
.login-logo{display:block;max-width:300px;width:80%;height:auto;margin:0 auto 8px;border-radius:12px}
.brand-login .login-card>p{text-align:center;color:#cbd7e8}.brand-login label{color:#dce8f7}.brand-login input{background:#0d2949!important;color:#fff!important;border:1px solid #58708d!important}.brand-login button{background:linear-gradient(90deg,#0869e8,#1685ff);font-weight:800}
.brand-login a{color:#4ba7ff}.brand-login h1{text-align:center;margin:4px 0}
.app-logo{display:block;max-width:190px;width:82%;margin:12px auto 22px;border-radius:9px}
aside .app-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}
header .header-brand{display:flex;align-items:center;gap:9px}.header-mini-logo{width:36px;height:36px;object-fit:cover;border-radius:50%}