/* ZaZo AI v5.8 — first-party branded page loader.
   Note: a Hostinger CDN browser-security challenge is upstream of this website. */
.z5-preload.zazo-loader {
  position:fixed; inset:0; z-index:99999;
  display:grid; place-items:center; overflow:hidden;
  min-height:100svh; padding:24px;
  background:radial-gradient(circle at 50% 42%,#173f40 0%,#0d2a2f 37%,#081820 100%);
  color:#f5f7ee; opacity:1; visibility:visible; pointer-events:auto;
  transition:opacity .46s ease,visibility .46s ease;
  animation:none;
}
.z5-preload.zazo-loader::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,transparent 49.85%,rgba(214,243,106,.055) 50%,transparent 50.15%),
             linear-gradient(0deg,transparent 49.85%,rgba(214,243,106,.045) 50%,transparent 50.15%);
  background-size:95px 95px; mask-image:radial-gradient(circle at center,#000,transparent 75%);
}
.zazo-loader-content {position:relative; display:flex; flex-direction:column; align-items:center; width:min(100%,340px); text-align:center;}
.zazo-loader-emblem {position:relative; display:grid; place-items:center; width:118px; height:118px; margin-bottom:25px;}
.zazo-loader-emblem::before {content:""; position:absolute; inset:0; border-radius:50%; border:1px solid rgba(214,243,106,.16);box-shadow:0 0 60px rgba(214,243,106,.08);}
.zazo-loader-emblem::after {content:""; position:absolute; inset:8px; border-radius:50%; border:2px solid transparent; border-top-color:#d6f36a; border-right-color:rgba(214,243,106,.55); animation:zazo-loader-ring 1.7s linear infinite;}
.zazo-loader-emblem img {width:76px; height:76px; display:block; object-fit:contain; border-radius:16px; animation:zazo-loader-logo 3.6s linear infinite;}
.zazo-loader-glow {position:absolute; inset:24px; border-radius:50%;background:rgba(214,243,106,.12);filter:blur(18px);}
.zazo-loader-heading {font:500 clamp(21px,4vw,27px)/1.35 'DM Sans',system-ui,sans-serif; letter-spacing:-.025em; color:#f6f8f3;}
.zazo-loader-heading strong {font-weight:800; color:#d6f36a;}
.zazo-loader-caption {margin-top:9px; font:600 10px/1.6 'DM Mono',ui-monospace,monospace; letter-spacing:.25em;color:#9cb8ac;}
.zazo-loader-progress {height:3px; width:146px; background:rgba(255,255,255,.1);border-radius:10px; overflow:hidden; margin-top:26px;}
.zazo-loader-progress span {width:38%; height:100%; display:block; background:#d6f36a; border-radius:10px; animation:zazo-loader-progress 1.35s ease-in-out infinite;}
.z5-preload.zazo-loader.is-loaded {opacity:0;visibility:hidden;pointer-events:none;}
@keyframes zazo-loader-ring {to {transform:rotate(360deg);}}
@keyframes zazo-loader-logo {to {transform:rotate(360deg);}}
@keyframes zazo-loader-progress {0%{transform:translateX(-120%);}100%{transform:translateX(385%);}}
/* Failsafe if JS is unavailable: visitors must still reach the page. */
@keyframes zazo-loader-nojs {to{opacity:0;visibility:hidden;pointer-events:none;}}
.z5-preload.zazo-loader:not(.is-loaded) {animation:zazo-loader-nojs 0s 4s forwards;}
@media(max-width:460px){.zazo-loader-emblem{width:102px;height:102px}.zazo-loader-emblem img{width:68px;height:68px}.zazo-loader-caption{letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){
  .zazo-loader-emblem::after,.zazo-loader-emblem img,.zazo-loader-progress span{animation:none!important}
  .z5-preload.zazo-loader {transition:none!important;}
}
