:root{
  --bg:#0a080c; --bg-2:#110e14; --panel:#16101a; --panel-2:#110c14;
  --line:rgba(180,100,180,.14); --txt:#e8eef6; --muted:#a89aab;
  --accent:#853e88; --accent-2:#c7263b; --accent-d:#6e326f; --accent-rgb:133,62,136;
  --accent-azure:#00a0e0; --accent-azure-rgb:0,160,224;
  --navy:#1d2e52; --glow:rgba(var(--accent-rgb),.35);
  --header-scrolled:rgba(10,8,12,.88);
  --hero-overlay-top:rgba(10,8,12,.55); --hero-overlay-mid:rgba(10,8,12,.85);
  --radius:16px; --maxw:1180px;
}
.logo img{height:40px;width:auto}
.foot img{height:34px;width:auto}
footer .logo img{filter:brightness(0) invert(1)}
.foot-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.foot-nav a{font-size:.92rem;color:var(--muted);font-weight:500;transition:.2s}
.foot-nav a:hover{color:var(--accent)}
@media(max-width:980px){
  .foot{flex-direction:column;align-items:flex-start;gap:20px}
  .foot-nav{flex-direction:column;align-items:flex-start;gap:16px}
}