:root{--accent:#0f9d58;--muted:#6b7280}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;margin:0;color:#111}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e6e6e6;position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:52px;height:52px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
h1{font-size:18px;margin:0}
.tag{margin:0;color:var(--muted);font-size:13px}
.nav a{margin-left:14px;text-decoration:none;color:#0f172a}
.nav .btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none}
.nav .ghost{background:transparent;border:1px solid #e6e6e6;padding:8px 12px}
.hero{background-image:url('images/reception.jpg');background-size:cover;background-position:center;padding:60px 0;color:#fff}
.hero-inner{background:rgba(10,10,10,0.45);padding:30px;border-radius:8px}
.hero h2{font-size:28px;margin:0}
.cta{margin-top:14px}
.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;border:1px solid #fff}
main{padding:28px 0}
section{margin-bottom:28px}
.about p{color:var(--muted)}
.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;list-style:none;padding:0;margin-top:12px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{padding:16px;border:1px solid #eef2f6;border-radius:8px;background:#fff}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.doc{padding:12px;border:1px solid #eef2f6;border-radius:8px;text-align:center}
.avatar{width:64px;height:64px;border-radius:12px;background:#e6f7f0;color:#006644;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-weight:700}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.gallery-grid img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.appointment form{border:1px solid #eef2f6;padding:16px;border-radius:8px}
.form-row{display:flex;gap:10px;margin-bottom:10px}
.form-row input,.form-row select{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:6px}
.actions{align-items:center}
.note{font-size:13px;color:var(--muted)}
.site-footer{background:#0b1220;color:#fff;padding:20px 0;margin-top:20px}
.footer-inner{display:flex;gap:40px;justify-content:space-between}
.copyright{background:#07111a;color:#9aa4b2;padding:8px;text-align:center;font-size:13px}
@media(max-width:760px){.form-row{flex-direction:column}}