/* Dark Theme for index-1.html */
:root{
  --bg:#0f0f14;
  --text:#e8e8ef;
  --muted:#a4a7b7;
  --primary:#d70e0e;
  --secondary:#00d1b2;
  --accent:#ffd166;
  --surface:#171a22;
  --card:#10131a;
  --border:rgba(255,255,255,0.08);
}

html{scroll-behavior:smooth} 
body{background:var(--bg);color:var(--text)}
a{color:var(--primary)} 
.navbar{background:var(--surface)!important;border-bottom:1px solid var(--border)}
.hero{padding:5rem 0; position:relative} 
.section{padding:4rem 0} 
.bg-surface{background:var(--surface)}
.text-muted{color:var(--muted)!important} 
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-outline-secondary{border-color:var(--muted);color:var(--text)}
.card{background:var(--card);border:1px solid var(--border)} 
.footer{padding:2rem 0;border-top:1px solid var(--border);background:var(--surface)}
.badge-logos img{max-height:40px;margin:.25rem 1rem .25rem 0;object-fit:contain;filter:brightness(0) invert(1) opacity(.9)}
.brandmark{font-weight:800;letter-spacing:.2px} 
.rounded-xxl{border-radius:2rem} 
.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hero .accent-ring{position:absolute;inset:-20% -20% auto auto;width:50vmax;height:50vmax;border-radius:50%;filter:blur(80px);opacity:.18;background:conic-gradient(from 0deg at 50% 50%, var(--primary), var(--secondary), var(--accent), var(--primary));}