:root{--brand:#0ea5a4;--brand-2:#1e3a8a;--ink:#0f172a;--muted:#64748b;--bg:#f7fafc;--card:#9bccf2;--radius:18px;--shadow:0 12px 28px rgba(2,6,23,.06),0 3px 10px rgba(2,6,23,.05)}
*{box-sizing:border-box} html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--brand-2);text-decoration:none} a:hover{opacity:.9}
img{max-width:100%;display:block}
.small{font-size:12px;color:#8aa0b5} .muted{color:#8aa0b5}

/* Nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.78);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid #e9eef5}
.navin{max-width:1200px;margin:auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;gap:10px;align-items:center}
.logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:conic-gradient(from 210deg,#0ea5a4,#67e8f9,#1e3a8a);color:#fff;font-weight:900}
.brandname{font-weight:900}
.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid #e5edf6;background:#fff;font-weight:700}
.btn.primary{background:var(--brand);color:#043a3a;border-color:transparent;box-shadow:var(--shadow)}
.btn.block{width:100%;justify-content:center}

/* Page */
.book-hero{max-width:1000px;margin:24px auto 6px;padding:0 16px}
.book-hero h1{margin:0 0 6px;font-size:clamp(26px,3.6vw,40px)}
.svc-pill{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px dashed #c1eced;border-radius:999px;padding:6px 12px;margin-top:10px;color:#0f766e}
.wrap{max-width:1200px;margin:auto;padding:42px 16px}

/* Form */
.card{background:var(--card);border:1px solid #e8eef5;border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.book-card{display:grid;gap:18px;grid-template-columns:1.2fr .8fr}
.form-col{display:grid;gap:12px;align-content:start}
.row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
label{display:grid;gap:6px;font-size:14px}
input,select,textarea{border:1px solid #e6eef6;background:#fff;border-radius:12px;padding:10px 12px;font:inherit;color:inherit}
textarea{resize:vertical}
.check{display:flex;gap:10px;align-items:flex-start}
.check input{margin-top:4px}
.divider{height:1px;background:#eef2f7;margin:6px 0}
.status{min-height:22px}
.success-card{max-width:680px;margin:12px auto;text-align:center}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:900px){.book-card{grid-template-columns:1fr}.row{grid-template-columns:1fr}}