:root{--bg:#071018;--panel:#0d1b24;--panel-2:#102636;--border:rgba(255,193,7,.25);}
body.cyber-body, body.login-cyber{
background:radial-gradient(circle at top right, rgba(255,193,7,.08), transparent 20%),radial-gradient(circle at bottom left, rgba(13,202,240,.08), transparent 25%),linear-gradient(135deg,#04080c,#071018 40%,#09141d 100%);
min-height:100vh;}
.cyber-nav{background:rgba(7,16,24,.9);backdrop-filter:blur(10px);}
.cyber-card{background:linear-gradient(180deg, rgba(16,38,54,.95), rgba(7,16,24,.96));border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.35);}
.cyber-input,.cyber-input:focus{background:#08131b;color:#eaeaea;border:1px solid rgba(255,255,255,.12);}
.cyber-input:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.15);}
.brand-badge{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffc107;color:#111;font-weight:700;}
.login-logo{max-width:110px;max-height:110px;object-fit:contain;}