:root{
  --bg:#ffffff;--fg:#0f172a;--muted:#f7fafc;--brand:#ee7a7a;--card:#ffffff;--shadow:0 10px 25px rgba(0,0,0,.08)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--fg);background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee;z-index:1000}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;font-size:1.1rem;text-decoration:none;color:#0f172a}
.nav a{color:#334155;text-decoration:none;margin-left:16px}
.nav a:hover{color:#111827}
.actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;text-decoration:none;border:1px solid transparent;box-shadow:var(--shadow);transition:.2s}
.btn.small{padding:8px 12px}
.btn.primary{background:var(--brand);color:#fff}
.btn.ghost{background:#fff;color:#1f2937;border-color:#e5e7eb}
.hero{position:relative;min-height:60vh;display:grid;place-items:center;background-image:linear-gradient(135deg,#e0f2fe 0%,#fef9c3 100%)}
.hero-overlay{position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 1440 320\\\"><path fill=\\\"%23ffffff\\\" fill-opacity=\\\"0.5\\\" d=\\\"M0,160L60,176C120,192,240,224,360,208C480,192,600,128,720,106.7C840,85,960,107,1080,133.3C1200,160,1320,192,1380,208L1440,224L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z\\\"/></svg>') bottom center/cover no-repeat}
.hero-inner{text-align:center;position:relative;padding:40px 20px}
.hero h1{font-family:'Dancing Script',cursive;font-size:clamp(28px,6vw,64px);margin:0 0 8px}
.hero p{font-size:clamp(14px,2.2vw,20px);opacity:.85;margin:0 0 20px}
.section{padding:56px 0}
.section.muted{background:var(--muted)}
h2{margin:0 0 16px;font-size:1.6rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;height:180px;object-fit:cover;background:#f3f4f6}
.card .info{padding:12px}
.card .title{font-weight:600;margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.card .meta{font-size:.9rem;opacity:.75}
.empty{padding:18px;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}
.hidden{display:none}
.site-footer{border-top:1px solid #eee;padding:18px 0;color:#64748b}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form textarea{grid-column:1 / -1;min-height:120px}
.contact-form .contact-msg{grid-column:1 / -1;color:#065f46}
