:root{
  --amber:#b45309;
  --amber-light:#f59e0b;
  --pink:#be185d;
  --blue:#1d4ed8;
}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:#1f2937;background:#fff7ed;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.btn{display:inline-block;padding:12px 20px;border-radius:16px;font-weight:600;color:#fff;text-decoration:none}
.btn-instagram{background:#db2777}
.btn-instagram:hover{background:#be185d}
.btn-facebook{background:#1d4ed8}
.btn-facebook:hover{background:#1e40af}
h1,h2,h3{margin:0}
.hero{position:relative;text-align:center;padding:96px 24px;background:url('./images/hero.jpg') center/cover no-repeat;}
.hero::before{content:"";position:absolute;inset:0;background:rgba(245, 158, 11, 0.5);backdrop-filter:blur(2px)}
.hero > .inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.hero .logo{width:160px;height:160px;border-radius:999px;object-fit:cover;box-shadow:0 10px 20px rgba(0,0,0,.2);margin-bottom:16px}
.hero h1{font-size:48px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);font-weight:800}
.hero p{max-width:720px;margin-top:12px;color:#fff;font-size:18px;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.hero .cta{margin-top:24px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.section{padding:64px 0}
.section.white{background:#fff}
.section.cream{background:linear-gradient(#ffedd5,#fff7ed)}
.section h2{text-align:center;color:var(--amber);font-size:30px;font-weight:800;margin-bottom:32px}

.grid{display:grid;gap:24px}
@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}

.card{background:#fff;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.07);padding:24px;text-align:center}
.card h3{color:#d97706;font-size:22px;font-weight:700}
.card p{margin:10px 0 0;line-height:1.6}

.center{text-align:center}

.footer{background:#fff;border-top:1px solid #eee}
.footer .wrap{display:grid;gap:24px;align-items:center;text-align:center;padding:32px 0}
@media(min-width:900px){.footer .wrap{grid-template-columns:repeat(3,1fr);text-align:left}}
.footer h3{color:var(--amber);font-weight:700}
.footer a{color:#1f2937;text-decoration:underline;text-underline-offset:4px}
.footer a:hover{text-decoration:none}
.footer .muted{color:#6b7280;font-size:14px;margin-top:8px}
.copy{color:#6b7280;text-align:center;padding:8px 0 24px}