:root{
  --bg:#0B0F17;
  --surface:#111827;
  --surface2:#162033;
  --text:#E5E7EB;
  --muted:#9CA3AF;
  --border:#243049;
  --accent:#3B82F6;
  --good:#22C55E;
  --warn:#F59E0B;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, rgba(59,130,246,.25), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(34,197,94,.14), transparent 55%),
              var(--bg);
  color:var(--text);
  line-height:1.6;
}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--accent);}

.container{width:min(1180px, calc(100% - 32px)); margin:0 auto;}

.site-header{position:sticky;top:0;z-index:50;background:rgba(11,15,23,.72);backdrop-filter: blur(10px);border-bottom:1px solid rgba(36,48,73,.7);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;}
.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg, rgba(59,130,246,1), rgba(34,197,94,1));box-shadow:0 10px 24px rgba(0,0,0,.35);}
.brand span{font-size:16px;}

.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.nav a{color:var(--muted);font-weight:600;font-size:14px;}
.nav a:hover{color:var(--text);}

.header-actions{display:flex;align-items:center;gap:10px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:10px 14px;border:1px solid var(--border);background:rgba(17,24,39,.65);color:var(--text);font-weight:700;font-size:14px;}
.btn:hover{border-color:rgba(59,130,246,.7);box-shadow:0 10px 22px rgba(0,0,0,.25);}
.btn.primary{background:linear-gradient(135deg, rgba(59,130,246,1), rgba(59,130,246,.75));border-color:rgba(59,130,246,.75);}
.btn.primary:hover{filter:brightness(1.05);}

.hero{padding:54px 0 28px;}
.hero-grid{display:grid;grid-template-columns: 1.2fr .8fr; gap:22px; align-items:stretch;}
.hero-card{border:1px solid rgba(36,48,73,.8);background:rgba(17,24,39,.6);border-radius:18px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.25);}
.hero h1{margin:0 0 10px;font-size:44px;line-height:1.1;letter-spacing:-.8px;}
.hero p{margin:0 0 18px;color:var(--muted);font-size:16px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.stat{border:1px solid rgba(36,48,73,.8);background:rgba(17,24,39,.4);border-radius:16px;padding:16px;}
.stat .k{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.3px;text-transform:uppercase;}
.stat .v{font-size:22px;font-weight:900;margin-top:6px;}

.section{padding:26px 0;}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;}
.section-title h2{margin:0;font-size:22px;letter-spacing:-.2px;}
.section-title .muted{color:var(--muted);font-size:14px;}

.grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;}
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr;}
  .grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
  .grid{grid-template-columns:1fr;}
  .hero h1{font-size:34px;}
}

.card{border:1px solid rgba(36,48,73,.85);background:rgba(17,24,39,.55);border-radius:18px;overflow:hidden;transition:transform .15s ease, border-color .15s ease, background .15s ease;}
.card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.6);background:rgba(22,32,51,.55);}
.card-media{aspect-ratio:16/9;background:rgba(36,48,73,.25);}
.card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.card-body{padding:14px 14px 16px;}
.card-title{margin:0 0 6px;font-size:16px;letter-spacing:-.2px;}
.card-excerpt{margin:0 0 10px;color:var(--muted);font-size:14px;}
.card-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px;}

.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0;}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid rgba(36,48,73,.9);font-size:12px;font-weight:800;background:rgba(11,15,23,.35);}
.b-verified{border-color:rgba(59,130,246,.7);}
.b-tested{border-color:rgba(34,197,94,.7);}
.b-recommended{border-color:rgba(245,158,11,.75);}

.page-head{padding:22px 0 0;}
.page-head h1{margin:0 0 6px;font-size:28px;}
.breadcrumb{color:var(--muted);font-size:13px;}

.mod-layout{display:grid;grid-template-columns: 1.2fr .8fr;gap:18px;padding:18px 0 34px;}
@media (max-width: 980px){.mod-layout{grid-template-columns:1fr;}}

.panel{border:1px solid rgba(36,48,73,.85);background:rgba(17,24,39,.55);border-radius:18px;padding:16px;}
.panel h3{margin:0 0 10px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.35px;}
.kv{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(36,48,73,.55);}
.kv:last-child{border-bottom:0;}
.kv .k{color:var(--muted);font-size:13px;font-weight:700;}
.kv .v{font-size:13px;font-weight:800;}
.links{display:flex;flex-direction:column;gap:10px;margin-top:12px;}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.gallery a{display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(36,48,73,.85);background:rgba(36,48,73,.25);}
.gallery img{width:100%;height:120px;object-fit:cover;display:block;}
@media (max-width: 640px){.gallery{grid-template-columns:repeat(2,1fr);} .gallery img{height:110px;}}

.site-footer{border-top:1px solid rgba(36,48,73,.7);padding:26px 0;margin-top:30px;color:var(--muted);}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;}
.footer-grid h4{margin:0 0 10px;color:var(--text);}
.footer-grid a{color:var(--muted);}
.footer-grid a:hover{color:var(--text);}
@media (max-width: 900px){.footer-grid{grid-template-columns:1fr;}}

.wp-block{max-width: 100%;}
.wp-block-image img{border-radius:16px;border:1px solid rgba(36,48,73,.7);}