/* styles.css */
body{font-family:Inter,system-ui,Arial;margin:0;color:#111}
.container{max-width:1000px;margin:0 auto;padding:1rem}
.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.hero{padding:3rem 0;text-align:left}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.item{background:#eee;height:180px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.footer{padding:2rem 0;text-align:center;color:#666}
@media (max-width:640px){.top{flex-direction:column;gap:.6rem}.hero{text-align:center}}