:root{--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-color: rgba(255, 255, 255, .87);--bg-color: #242424;--primary: #646cff;--primary-hover: #535bf2;--button-bg: #1a1a1a;--button-hover: #3c3cff;--card-bg: #2e2e2e;--card-border: #444}@media (prefers-color-scheme: light){:root{--font-color: #213547;--bg-color: #ffffff;--button-bg: #f1f1f1;--button-hover: #747bff;--card-bg: #f9f9f9;--card-border: #ddd}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--font-color);line-height:1.6}a{color:var(--primary);text-decoration:none;font-weight:500}a:hover{color:var(--primary-hover)}nav{padding:1rem 2rem;background-color:var(--card-bg);display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:1000}h1,h2,h3,h4{margin-bottom:.5em}button{border-radius:6px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--button-bg);color:var(--font-color);cursor:pointer;transition:background-color .3s}button:hover{background-color:var(--button-hover)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:2rem}.product-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1rem;text-align:center;transition:transform .2s ease}.product-card:hover{transform:scale(1.03)}.product-card img{width:120px;height:120px;object-fit:contain;margin-bottom:1rem}.product-card h4{font-size:1rem;margin:.5rem 0}.product-card p{margin:.3rem 0}