/* CyGap.id — layar pemuatan. Animasi CSS murni (bukan GIF): tajam di layar apa pun,
   berhenti sendiri bila pengguna memilih "kurangi gerak" di perangkatnya. */
#cygap-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;
  background:radial-gradient(90% 70% at 50% 18%, #0C3A5E 0%, #062740 45%, #04182A 100%);
  opacity:1;transition:opacity .45s ease, visibility .45s ease}
#cygap-splash[hidden]{display:none}
#cygap-splash.cg-out{opacity:0;visibility:hidden;pointer-events:none}
.cg-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;text-align:center}
.cg-orb{position:relative;width:132px;height:132px;display:grid;place-items:center}
.cg-orb::before{content:"";position:absolute;inset:-12%;border-radius:50%;
  background:conic-gradient(from 0deg,#2FBF9A,#22C7E6,#1B7FD1,#D6A83A,#2FBF9A);
  filter:blur(14px);opacity:.55;animation:cgSpin 3.2s linear infinite}
.cg-orb::after{content:"";position:absolute;inset:6%;border-radius:50%;background:#062740}
.cg-orb img{position:relative;z-index:2;width:78px;height:78px;object-fit:contain;animation:cgFloat 2.6s ease-in-out infinite}
.cg-ring{position:absolute;inset:0;z-index:1;border-radius:50%;border:2px solid rgba(255,255,255,.10);border-top-color:#22C7E6;animation:cgSpin 1.1s linear infinite}
.cg-name{height:26px;width:auto;opacity:1;animation:cgFade .5s ease both}
.cg-dots{display:flex;gap:7px}
.cg-dots i{width:8px;height:8px;border-radius:50%;display:block;animation:cgBlink 1.2s ease-in-out infinite}
.cg-dots i:nth-child(1){background:#22C7E6}
.cg-dots i:nth-child(2){background:#1B7FD1;animation-delay:.18s}
.cg-dots i:nth-child(3){background:#D6A83A;animation-delay:.36s}
.cg-tag{font:500 11.5px/1.5 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#7FA6C4}
@keyframes cgSpin{to{transform:rotate(360deg)}}
@keyframes cgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes cgFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes cgBlink{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .cg-orb::before,.cg-orb img,.cg-ring,.cg-dots i{animation:none}
  .cg-ring{border-top-color:rgba(255,255,255,.35)}
}