/* ── UNDER CONSTRUCTION PAGE SPECIFIC STYLES ── */

body {
    background-color: #0B1229;
    color: #F8FAFF;
    overflow-x: hidden;
}
.glass-card {
    background: rgba(20, 30, 56, 0.4);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(37, 99, 235, 0.15);
}
.ethereal-glow {
    position: absolute;
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.15;
    z-index: -1;
}
.glow-primary { background: #3b82f6; top: -10%; left: -10%; }
.glow-secondary { background: #8B5CF6; bottom: -10%; right: -10%; }

.glass-card {
    background: rgba(20, 30, 56, 0.4);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ethereal-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.35;
}

.glow-primary { background: #3b82f6; top: -80px; left: -40px; }
.glow-secondary { background: #8B5CF6; bottom: -100px; right: -60px; }

.uc-icon {
    font-variation-settings: 'FILL' 0;
}

/* ── RESPONSIVE: UNDER CONSTRUCTION ── */
@media (max-width: 992px) {
  .ethereal-glow {
    width: 320px;
    height: 320px;
  }

  .glass-card {
    padding: 2rem !important;
  }
}

@media (max-width: 768px) {
  .min-h-\[70vh\] {
    min-height: 60vh;
    padding: 3rem 1rem !important;
  }

  .glass-card {
    padding: 1.5rem !important;
    border-radius: 1.25rem !important;
  }

  h1 {
    font-size: clamp(1.75rem, 6vw, 2.5rem) !important;
  }

  .flex.flex-col.sm\:flex-row {
    flex-direction: column !important;
  }

  .flex.flex-col.sm\:flex-row > a {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .glass-card {
    padding: 1.25rem !important;
  }

  .ethereal-glow {
    width: 220px;
    height: 220px;
    opacity: 0.25;
  }

  h1 {
    font-size: 1.6rem !important;
  }

  p.text-lg {
    font-size: 0.95rem !important;
  }
}