/* Nocturia V23 — launch countdown, animated hero logo and redesigned footer */
.home-page .hero-main-logo {
  width: clamp(300px, 27vw, 430px) !important;
  max-height: 430px !important;
  margin: 12px auto 18px !important;
  transform-origin: 50% 58%;
  animation: nocturiaLogoFloat 5.8s ease-in-out infinite, nocturiaLogoGlow 3.6s ease-in-out infinite alternate;
  will-change: transform, filter;
}
@keyframes nocturiaLogoFloat {
  0%,100% { transform: translate3d(0,0,0) rotate(-.45deg); }
  50% { transform: translate3d(0,-14px,0) rotate(.45deg); }
}
@keyframes nocturiaLogoGlow {
  from { filter: drop-shadow(0 20px 34px rgba(0,0,0,.34)) drop-shadow(0 0 12px rgba(38,137,255,.18)); }
  to { filter: drop-shadow(0 30px 48px rgba(0,0,0,.44)) drop-shadow(0 0 28px rgba(38,137,255,.42)); }
}
.launch-countdown {
  width: min(620px, 100%);
  margin: 0 auto 4px;
  text-align: center;
}
.launch-countdown-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.82);
  font-family: "Space Grotesk","Segoe UI",sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-shadow: 0 3px 15px rgba(0,0,0,.35);
}
.launch-countdown-kicker::before,.launch-countdown-kicker::after {content:"";width:34px;height:1px;background:rgba(255,255,255,.35)}
.launch-countdown-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(74px, 1fr));
  gap: 9px;
  margin: 12px auto 8px;
}
.launch-countdown-grid > div {
  min-height: 70px;
  display: grid;
  place-content: center;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  background: rgba(4,17,35,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.16);
  backdrop-filter: blur(12px);
}
.launch-countdown-grid strong {color:#fff;font-family:"Space Grotesk","Segoe UI",sans-serif;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.launch-countdown-grid span {margin-top:5px;color:rgba(255,255,255,.62);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.launch-countdown > small {display:block;color:rgba(255,255,255,.68);font-size:10px;font-weight:700}
.launch-countdown.is-launched .launch-countdown-grid {grid-template-columns:1fr}
.launch-countdown.is-launched .launch-countdown-grid > div:not(:first-child) {display:none}
.launch-countdown.is-launched .launch-countdown-grid > div:first-child {min-height:60px}
.launch-countdown.is-launched [data-countdown-days] {font-size:20px}

.footer-server {
  padding: 18px !important;
  border: 1px solid #d6e4f4 !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg,#f8fbff,#eaf4ff) !important;
  box-shadow: 0 16px 38px rgba(34,78,128,.09);
}
.footer-server-head {display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(55,108,169,.13)}
.footer-server-mark {width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#fff;background:linear-gradient(135deg,#2e82ee,#155ebe);box-shadow:0 10px 22px rgba(40,117,228,.22)}
.footer-server-mark svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-server-head small,.footer-server-detail small {display:block !important;margin:0 !important;color:#75879e !important;font-size:9px !important;font-weight:800 !important;letter-spacing:.09em;text-transform:uppercase}
.footer-server-head strong {display:block !important;margin:3px 0 0 !important;color:#10243f;font-family:"Space Grotesk","Segoe UI",sans-serif !important;font-size:17px !important;line-height:1.1}
.footer-server-details {display:grid;gap:10px;margin-top:14px}
.footer-server-detail {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(55,108,169,.1);border-radius:13px;background:rgba(255,255,255,.72)}
.footer-server-detail .online-dot {margin:0;flex:0 0 auto}
.footer-server-detail strong {display:block !important;margin:2px 0 0 !important;color:#314661;font-family:"Segoe UI",Arial,sans-serif !important;font-size:12px !important;line-height:1.3}
.footer-version-icon {min-width:35px;height:28px;display:grid;place-items:center;padding:0 6px;border-radius:8px;color:#155ebe;background:#dcecff;font-family:"Space Grotesk","Segoe UI",sans-serif;font-size:9px;font-weight:900}
.footer-copy-ip {width:100%;min-height:38px;margin-top:12px;border:0;border-radius:11px;color:#fff;background:#2875e4;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}
.footer-copy-ip:hover {transform:translateY(-1px);background:#155ebe}

@media (max-width:760px) {
  .home-page .hero-main-logo {width:min(310px,86vw) !important;max-height:310px !important}
  .launch-countdown {width:min(390px,100%)}
  .launch-countdown-grid {grid-template-columns:repeat(4,1fr);gap:6px}
  .launch-countdown-grid > div {min-height:60px;padding:7px 4px;border-radius:11px}
  .launch-countdown-grid strong {font-size:22px}
  .launch-countdown-kicker {font-size:10px}
}
@media (max-width:420px) {
  .launch-countdown-grid {grid-template-columns:repeat(2,1fr)}
  .home-page .hero-main-logo {width:min(275px,88vw) !important}
}
@media (prefers-reduced-motion:reduce) {.home-page .hero-main-logo {animation:none !important}}