
/* Local compatibility/theme layer — preserves the premium dark visual style while keeping existing page content intact. */
:root{--bg:#0b0b10;--surface:#11121a;--surface2:#171824;--text:#f6f5f2;--muted:#aaa9b5;--border:rgba(255,255,255,.10);--accent:#d9a7ff;--accent2:#8b5cf6;--wa:#25d366}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.14),transparent 35%),var(--bg);color:var(--text);font-family:Poppins,system-ui,sans-serif;line-height:1.65}
*,*:before,*:after{box-sizing:border-box}
a{color:inherit}
.container{width:min(1152px,calc(100% - 32px));margin-inline:auto}
header{position:sticky!important;top:0;z-index:50;background:rgba(11,11,16,.88)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(14px);padding:12px 0!important}
header .container{min-height:52px}
header a{transition:.2s ease}
header>a,header .container>a:first-child{color:var(--text)!important;font-family:Poppins,sans-serif}
nav{display:flex;align-items:center;gap:4px}
nav a{color:#bdbbc8!important;padding:9px 12px;margin:0!important;border-radius:999px}
nav a:hover{color:#fff!important;background:rgba(255,255,255,.06)}
.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:11px 18px!important;background:var(--wa)!important;color:#061108!important;font-weight:700!important;box-shadow:0 8px 28px rgba(37,211,102,.18);text-decoration:none!important}
section{position:relative}
section:first-of-type{background:radial-gradient(circle at 50% 35%,rgba(217,167,255,.18),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.015),transparent)!important;padding:90px 0!important;border-bottom:1px solid var(--border)}
section:first-of-type:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);pointer-events:none}
h1,h2,h3{font-family:Poppins,sans-serif;color:var(--text);line-height:1.2}
h1{font-size:clamp(2.25rem,5vw,4rem)!important;letter-spacing:-.04em;margin:0 0 20px!important}
h2{font-size:clamp(1.6rem,3vw,2.25rem)!important;margin:0 0 28px!important}
h3{font-size:1.1rem!important;margin:0 0 12px!important}
p,li{color:var(--muted);font-size:.98rem}
section:first-of-type p{font-size:1.05rem!important;color:#c7c5cf!important;max-width:820px!important}
.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important}
.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.card:hover{transform:translateY(-3px);border-color:rgba(217,167,255,.35);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
.card a{color:#7ee7a2!important;text-decoration:none}
ul{color:var(--muted)}
section[style*="background: #f0f0f0"]{background:linear-gradient(135deg,#10111a,#171522)!important;border-block:1px solid var(--border)}
section[style*="background: #f0f0f0"]>div>div>div:last-child{background:linear-gradient(135deg,rgba(217,167,255,.14),rgba(37,211,102,.05))!important;border:1px solid var(--border);box-shadow:inset 0 0 70px rgba(139,92,246,.08)}
section[style*="background: #fff"]{background:#0d0e14!important;border-top:1px solid var(--border)!important}
footer{background:#07080c!important;border-top:1px solid var(--border);color:#fff!important}
footer p{color:#858492!important}
footer a{color:#c9c6d2!important}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}nav a:not(.btn){display:none}}
@media(max-width:640px){.container{width:min(100% - 22px,1152px)}header{padding:9px 0!important}header .container{gap:10px}header .container>a:first-child{font-size:19px!important}nav{margin-left:auto}nav .btn{font-size:12px!important;padding:9px 12px!important}section:first-of-type{padding:64px 0!important}.grid{grid-template-columns:1fr!important}.card{padding:20px}section{padding:48px 0!important}h1{font-size:2.15rem!important}}
