:root {
    --myclinic-navy: #0b1f46;
    --myclinic-teal: #0db5ad;
    --myclinic-blue: #1f75cb;
    --myclinic-light-blue: #eef7ff;
    --myclinic-background: #f7fbff;
    --myclinic-border: #dce6ef;
    --myclinic-muted: #6d7f96;
    --myclinic-shadow: 0 20px 55px rgba(20, 55, 95, .10);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--myclinic-navy); background: var(--myclinic-background); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.btn-primary { border: 0; background: var(--myclinic-teal); box-shadow: 0 9px 20px rgba(13,181,173,.20); }
.btn-primary:hover, .btn-primary:focus-visible { background: #099b96; transform: translateY(-2px); }
.btn-outline-primary { color: var(--myclinic-navy); border-color: var(--myclinic-border); }
.btn-outline-primary:hover, .btn-outline-primary:focus-visible { color: var(--myclinic-navy); border-color: var(--myclinic-teal); background: #e9fbfa; }
.btn { transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
:focus-visible { outline: 3px solid rgba(13,181,173,.45); outline-offset: 3px; }
.brand-mark { display: inline-flex; align-items: center; gap: .65rem; color: var(--myclinic-navy); text-decoration: none; font-size: 1.23rem; letter-spacing: -.04em; }
.brand-mark strong, .panel-brand strong { font-weight: 800; }
.brand-mark b, .panel-brand b { color: var(--myclinic-teal); font-weight: 800; }
.brand-icon { display: inline-grid; place-items: center; width: 2rem; height: 2rem; color: white; background: var(--myclinic-teal); border-radius: .7rem; font-size: 1rem; }
.eyebrow { display: flex; align-items: center; gap: .55rem; color: var(--myclinic-teal); text-transform: uppercase; letter-spacing: .14em; font-size: .68rem; font-weight: 800; }
.eyebrow span { display: inline-block; width: 1.5rem; height: 2px; background: var(--myclinic-teal); }
.form-field label { display: block; margin-bottom: .45rem; color: var(--myclinic-navy); font-size: .82rem; font-weight: 700; }
.validation-summary, .field-error { color: #b42318; font-size: .78rem; }
.field-error { display: block; margin-top: .25rem; }