:root{--bg-dark:#0a0a0f;--bg-card:#100E26;--bg-card-hover:#1e1e2d;--accent-pink:#ff4d8d;--accent-cyan:#00d4ff;--text:#f0f0f5;--text-muted:#a0a0b0;--border:rgba(255,255,255,0.08)}body{background:var(--bg-dark);color:var(--text)}.site-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all 0.3s ease}.site-card:hover{background:var(--bg-card-hover);border-color:var(--accent-pink);transform:translateY(-4px);box-shadow:0 12px 40px rgb(255 77 141 / .15)}.btn-visit{background:linear-gradient(135deg,var(--accent-pink),#ff4d8d);color:#fff;padding:12px 28px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all 0.3s ease}.btn-visit:hover{transform:scale(1.05);box-shadow:0 8px 24px rgb(255 77 141 / .4)}.category-tag{background:rgb(0 212 255 / .1);color:var(--accent-cyan);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.site-header.scrolled{background:rgb(15 15 26 / .95);backdrop-filter:blur(20px)}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width:768px){.sites-grid{grid-template-columns:1fr}}