/* styles.css */
:root{--accent:#b23;--bg:#fff}
body{font-family:Georgia,serif;margin:0;color:#222}
.container{max-width:1000px;margin:0 auto;padding:1rem}
.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}
.logo{font-size:1.4rem}
.nav a{margin-left:1rem;text-decoration:none}
.hero{padding:2.5rem 0;text-align:center;background:linear-gradient(180deg,#fff,#f9f3f3)}
.btn{background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:6px;text-decoration:none}
.cards{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem 0}
.card{flex:1 1 220px;border:1px solid #eee;padding:1rem;border-radius:8px}
.footer{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem;text-align:center}
@media (max-width:700px){.cards{flex-direction:column}}