/* Premium hotel background with contrast protection for splash-screen controls. */
.splash {
  background-color: #061d40;
  background-image:
    linear-gradient(115deg, rgba(3, 16, 35, .90) 0%, rgba(5, 26, 53, .78) 45%, rgba(6, 29, 64, .64) 100%),
    linear-gradient(180deg, rgba(2, 11, 25, .12) 0%, rgba(2, 11, 25, .42) 100%),
    url('/hospitech-luxury-hotel-splash.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.splash::before {
  background: radial-gradient(circle at 50% 34%, transparent 0, rgba(2, 13, 29, .14) 48%, rgba(2, 13, 29, .52) 100%);
  pointer-events: none;
}

.splash-orb { display: none; }

.portal-choice article {
  border-color: rgba(255, 255, 255, .34) !important;
  background: linear-gradient(145deg, rgba(5, 25, 51, .90), rgba(5, 25, 51, .74)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .40) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.portal-choice article > button {
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}

@media (max-width: 760px) {
  .splash { background-position: 57% center; }
}