/* =========================================================
   Eskaton Remote Access Theme
   IIS / CSP / Proxy safe
   Bootstrap 5.3.2 compatible
   ========================================================= */

body {
  background-color: #254A5D;

  background-image:
    radial-gradient(1200px 800px at 10% 5%, rgba(247, 237, 223, 0.18), transparent 62%),
    radial-gradient(900px 650px at 90% 15%, rgba(247, 237, 223, 0.10), transparent 55%),
    linear-gradient(180deg, #254A5D, #1b3644 75%);

  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #ffffff;
  min-height: 100vh;
}

.text-muted-esk {
  color: rgba(255, 255, 255, 0.8) !important;
}

.btn-esk {
  background-color: #f7eddf;
  color: #254A5D;
  border: none;
  font-weight: 600;
}

.btn-esk:hover,
.btn-esk:focus {
  background-color: #f3e5d1;
  color: #254A5D;
}

.esk-card {
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1rem;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.20);
}

.esk-hero {
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.10),
    rgba(255, 255, 255, 0.06)
  );
}

.logo-img {
  height: 44px;
  width: auto;
  max-width: 340px;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.22));
}

@media (max-width: 520px) {
  .logo-img {
    height: 34px;
    max-width: 240px;
  }
}