html { scroll-behavior: smooth; }
body {
  background-color: #f1f5f9;
  background-image: radial-gradient(60rem 60rem at 88% -15%, rgba(59, 130, 246, 0.05), transparent 62%);
  background-attachment: fixed;
}
.liquid-bg { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.blob { position: absolute; border-radius: 9999px; filter: blur(110px); opacity: .2; }
.blob-1 { width: 40rem; height: 40rem; top: -12rem; right: -10rem; background: radial-gradient(circle at 30% 30%, #bfdbfe, #93c5fd 55%, transparent 74%); animation: float1 44s ease-in-out infinite; }
.blob-2 { width: 34rem; height: 34rem; bottom: -10rem; left: -8rem; background: radial-gradient(circle at 40% 40%, #dbeafe, #bfdbfe 55%, transparent 74%); animation: float2 52s ease-in-out infinite; }
.blob-3 { width: 24rem; height: 24rem; top: 45%; left: 60%; background: radial-gradient(circle at 50% 50%, #c7d2fe, #a5b4fc 55%, transparent 74%); opacity: .12; animation: float1 60s ease-in-out infinite reverse; }
@keyframes float1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-1.25rem, 1rem) scale(1.04); } }
@keyframes float2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(1.25rem, -1rem) scale(1.03); } }
.glass { background-color: rgba(255,255,255,0.40); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.60); box-shadow: 0 8px 32px 0 rgba(15,23,42,0.08), inset 0 1px 0 0 rgba(255,255,255,0.55); }
.glass-deep { background-color: rgba(241,245,249,0.50); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); border: 1px solid rgba(148,163,184,0.30); box-shadow: 0 8px 32px 0 rgba(15,23,42,0.06), inset 0 1px 0 0 rgba(255,255,255,0.45); }
.glass-cta { position: relative; overflow: hidden; }
.glass-cta::after { content: ""; position: absolute; top: 0; left: -120%; width: 60%; height: 100%; background: linear-gradient(110deg, transparent, rgba(255,255,255,0.65), transparent); transform: skewX(-20deg); transition: left .8s cubic-bezier(.22,1,.36,1); }
.glass-cta:hover::after { left: 130%; }
.booksy-hidden { display: none !important; }
.booksy-modal-overlay { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(15,23,42,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 16px; opacity: 0; transition: opacity .25s ease; }
.booksy-modal-overlay.open { display: flex; opacity: 1; }
.booksy-modal { position: relative; width: 100%; max-width: 480px; height: min(86vh,720px); background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 24px 80px rgba(15,23,42,.35); transform: translateY(12px); transition: transform .3s cubic-bezier(.22,1,.36,1); }
.booksy-modal-overlay.open .booksy-modal { transform: translateY(0); }
.booksy-modal iframe { width: 100%; height: 100%; border: 0; display: block; }
.booksy-modal-close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(15,23,42,.06); color: #0f172a; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.booksy-modal-close:hover { background: rgba(15,23,42,.12); }
.booksy-modal-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #64748b; font: 14px system-ui, sans-serif; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .blob { animation: none !important; } .glass-cta::after { transition: none; } }