/* ============================================================
   under-construction.css  —  Page-specific styles for /under-construction
   ============================================================ */

/* ── Floating animation variants ─────────────────────────── */
@keyframes uc-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-18px); }
}
.uc-float-1 { animation: uc-float 6s ease-in-out infinite; }
.uc-float-2 { animation: uc-float 8s ease-in-out 1.5s infinite; }
.uc-float-3 { animation: uc-float 7s ease-in-out 3s infinite; }

/* ── Animated grid background ────────────────────────────── */
@keyframes uc-grid-fade {
  0%, 100% { opacity: 0.04; }
  50%       { opacity: 0.09; }
}
.uc-grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 55px 55px;
  animation: uc-grid-fade 8s ease-in-out infinite;
}

/* ── Radial glow orbs ────────────────────────────────────── */
.uc-orb-tr {
  background: radial-gradient(circle, #00D1C1 0%, transparent 70%);
  transform: translate(30%, -30%);
}
.uc-orb-bl {
  background: radial-gradient(circle, #00D1C1 0%, transparent 70%);
  transform: translate(-40%, 40%);
}

/* ── Countdown card ──────────────────────────────────────── */
.uc-cd-card {
  background: linear-gradient(135deg, #ffffff 0%, #f0f6ff 100%);
  border: 1px solid rgba(13, 33, 103, 0.08);
}

/* ── Animated progress bar ───────────────────────────────── */
@keyframes uc-progress-fill {
  from { width: 0; }
  to   { width: var(--pw, 65%); }
}
.uc-prog-bar {
  animation: uc-progress-fill 2.5s ease-out forwards;
}

/* ── Contact strip background ────────────────────────────── */
.uc-contact-strip {
  background: #0D2167;
}
.uc-contact-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0, 209, 193, 0.08), transparent 60%);
  pointer-events: none;
}

/* ── Icon size helpers (replaces inline font-size) ───────── */
.uc-icon-lg  { font-size: 72px; }
.uc-icon-md  { font-size: 56px; }
.uc-icon-sm  { font-size: 44px; }