/* ProPoké — vivid dark style */
:root{--bg:#0b0d10;--text:#e8ecf1;--accent:#ffd400;--accent2:#00c2ff;--accent3:#ff3ea5;--radius:16px;--container:1200px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--container);margin:0 auto;padding:24px}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:24px}
.h1{font-size:clamp(28px,4vw,40px);font-weight:900;margin:0 0 8px}
.lead{opacity:.9}.small{font-size:12px;opacity:.75}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--accent);color:#111;font-weight:800;border:1px solid transparent;transition:.15s}
.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text)}
.btn:hover{transform:translateY(-1px)}
.grid{display:grid;gap:20px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}}

.site-header,.site-footer{background:#111;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer{border-top:1px solid rgba(255,255,255,.08)}
.header-inner{display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand .site-title{font-weight:900;font-size:18px}
.primary-nav .menu{display:flex;gap:12px;list-style:none;padding:0;margin:0}
.primary-nav .menu a{padding:8px 12px;border-radius:10px}
.primary-nav .menu a:hover{background:rgba(255,255,255,.08)}
.header-cta{margin-left:auto;display:flex;gap:10px}
.hero .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.product-card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);margin-top:16px;padding-top:12px}