.booking-shell {
border: 1px solid rgba(148,163,184,.18);
background:
  linear-gradient(135deg, rgba(11,111,179,.96), rgba(10,92,150,.92));
box-shadow:
  0 30px 80px rgba(15,23,42,.16),
  inset 0 1px 0 rgba(255,255,255,.16);
}

.dark .booking-shell {
background:
  linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.92));
border-color: rgba(255,255,255,.08);
box-shadow:
  0 30px 80px rgba(0,0,0,.34),
  inset 0 1px 0 rgba(255,255,255,.06);
}

.booking-panel::before {
content: "";
position: absolute;
inset: 0;
background:
  radial-gradient(circle at top left, rgba(125,211,252,.22), transparent 34%),
  radial-gradient(circle at bottom right, rgba(255,255,255,.10), transparent 30%);
pointer-events: none;
}

.booking-mini-card {
border-radius: 1.25rem;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.08);
padding: 1rem;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

.booking-mini-label {
font-size: .72rem;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
color: rgba(255,255,255,.58);
}

.booking-mini-value {
margin-top: .45rem;
font-size: 1rem;
font-weight: 700;
color: white;
}

.booking-point {
display: flex;
align-items: flex-start;
gap: .85rem;
color: rgba(255,255,255,.82);
font-size: .95rem;
line-height: 1.8;
}

.booking-dot {
margin-top: .55rem;
height: .55rem;
width: .55rem;
flex-shrink: 0;
border-radius: 999px;
background: linear-gradient(135deg, #7dd3fc, #fff);
box-shadow: 0 0 0 6px rgba(125,211,252,.10);
}

.booking-form-wrap {
background:
  linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
}

.dark .booking-form-wrap {
background:
  linear-gradient(180deg, rgba(2,6,23,.72), rgba(15,23,42,.84));
}

.booking-form-card {
border-radius: 1.8rem;
border: 1px solid rgba(148,163,184,.16);
background: rgba(255,255,255,.70);
padding: 1.4rem;
box-shadow:
  inset 0 1px 0 rgba(255,255,255,.72),
  0 16px 38px rgba(15,23,42,.08);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}

.dark .booking-form-card {
border-color: rgba(255,255,255,.08);
background: rgba(15,23,42,.62);
box-shadow:
  inset 0 1px 0 rgba(255,255,255,.04),
  0 16px 38px rgba(0,0,0,.18);
}

.booking-secondary-btn {
border-radius: 999px;
border: 1px solid rgba(11,111,179,.20);
background: rgba(11,111,179,.08);
color: #0B6FB3;
padding: .95rem 1.2rem;
font-weight: 800;
transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.booking-secondary-btn:hover {
transform: translateY(-2px);
background: rgba(11,111,179,.12);
border-color: rgba(11,111,179,.32);
}

.dark .booking-secondary-btn {
color: #7dd3fc;
background: rgba(30,167,255,.08);
border-color: rgba(30,167,255,.14);
}