:root{
  /* TODO: replace with exact clinic palette */
  --brand: #0aa6a6;
  --brand-dark:#087e7e;
  --accent:#ffd166;
  --text:#1f2937;
  --muted:#6b7280;
  --bg:#ffffff;
  --bg-soft:#f7fafc;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{max-width:1080px;margin:0 auto;padding:0 1rem}
.nav{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0}
.nav a{color:var(--text);text-decoration:none;font-weight:600}
.brand{display:flex;align-items:center;gap:.5rem}
.brand .dot{width:12px;height:12px;border-radius:9999px;background:var(--brand)}
.cta{background:var(--brand);color:#fff;border:none;border-radius:9999px;padding:.6rem 1rem;font-weight:700;cursor:pointer}
.cta:hover{background:var(--brand-dark)}
.hero{background:linear-gradient(180deg, var(--bg), var(--bg-soft));padding:3rem 0}
.grid{display:grid;gap:1.25rem}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}
.footer{margin-top:3rem;padding:2rem 0;border-top:1px solid #e5e7eb;color:var(--muted);font-size:.95rem}
.lang-switch{display:flex;gap:.5rem}
.flag{background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.35rem .6rem;cursor:pointer}
.flag:hover{border-color:var(--brand)}
input,textarea{width:100%;padding:.7rem;border:1px solid #d1d5db;border-radius:12px}
label{font-weight:600}
.form-row{display:grid;gap:1rem}
.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}

.flag-link {
    display: inline-flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #e5e7eb;
    overflow: hidden
}

    .flag-link:hover {
        border-color: var(--brand)
    }

.flag-icon {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}