
/* v3f-blindada-full: dark theme + real PNG images + compliance footer */
*{box-sizing:border-box}
:root{--bg1:#0b1220;--bg2:#0e1530;--panel:rgba(255,255,255,.04);--border:rgba(255,255,255,.08);
--text:#e5e7eb;--muted:#a1a1aa;--brand:#22c55e;--brand-d:#16a34a;--gold:#ffd54a;--shadow:0 20px 50px rgba(0,0,0,.45);--ring:0 0 0 6px rgba(34,197,94,.15)}
html,body{margin:0;height:100%;background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1120px;margin:0 auto;padding:24px}
.header{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(11,18,32,.7);border-bottom:1px solid var(--border);z-index:50}
.header .wrap{display:flex;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.logo-badge{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 8px 20px rgba(6,182,212,.3)}
.nav{margin-left:auto;display:flex;gap:18px}
.nav a{color:var(--muted);text-decoration:none;font-size:14px}
.nav a:hover{color:var(--text)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-top:24px}
.card{padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.h1{font-size:38px;margin:0 0 12px;line-height:1.1}
.sub{color:var(--muted);margin:0 0 16px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.badge{font-size:12px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:#cbd5e1;background:rgba(255,255,255,.02)}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#052a12;text-decoration:none;font-weight:800;padding:14px 18px;border-radius:12px}
.cta:hover{background:var(--brand-d);box-shadow:var(--ring)}
.hero-art{height:360px;border-radius:22px;border:1px solid var(--border);
  background:
    radial-gradient(140px 140px at 20% 30%, rgba(34,197,94,.25), transparent 60%),
    radial-gradient(160px 160px at 80% 20%, rgba(6,182,212,.25), transparent 60%),
    radial-gradient(180px 180px at 70% 90%, rgba(168,85,247,.2), transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden
}
.hero-art img{width:220px;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}
.section{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kv{display:grid;grid-template-columns:180px 1fr;gap:12px;color:#cbd5e1}
.kv div{padding:8px 0;border-bottom:1px dashed var(--border)}
.icon-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.icon{border:1px solid var(--border);border-radius:16px;padding:18px;background:rgba(255,255,255,.03);text-align:center}
.icon h3{margin:10px 0 4px}
.icon p{margin:0;color:#cbd5e1;font-size:14px}
.test-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.test{border:1px solid var(--border);border-radius:16px;padding:18px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(6,182,212,.08));box-shadow:var(--shadow)}
.stars{color:var(--gold);display:flex;gap:4px;margin-bottom:6px}
.person{display:flex;align-items:center;gap:10px;margin:8px 0 6px}
.person img{width:34px;height:34px;border-radius:999px;object-fit:cover}
.name{font-weight:700}
.tag{font-size:12px;color:#cbd5e1}
.note{font-size:12px;color:#94a3b8}
.footer{margin-top:36px;border-top:1px solid var(--border);background:rgba(255,255,255,.02)}
.footer .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:#cbd5e1;gap:16px;flex-wrap:wrap}
.footer .disclaimer{font-size:12px;color:#9ca3af}
@media(max-width:1020px){.hero{grid-template-columns:1fr}.section{grid-template-columns:1fr}.icon-row{grid-template-columns:1fr}.test-wrap{grid-template-columns:1fr}}
