body{margin:0;font-family:Arial;background:#fff;color:#000;transition:0.3s;}
.dark{background:#111;color:#fff;}
.navbar{padding:15px;background:#222;color:#fff;display:flex;justify-content:space-between;}
.hero{padding:40px;text-align:center;background:#f4f4f4;}
.products{padding:20px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.dark .card{background:#222;color:#fff;}