@keyframes rippleOut{0%{transform:scale(1);opacity:0.6;}100%{transform:scale(1.35);opacity:0;}}
.connect-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid #c9a565;animation:rippleOut 2.2s ease-out infinite;pointer-events:none;}
.connect-ring.delay{animation-delay:1.1s;}

@keyframes sphereRotate{from{background-position:0% 50%;}to{background-position:200% 50%;}}
@keyframes moonOrbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.connect-ring-3{position:absolute;left:50%;top:50%;width:98px;height:30px;border:1.5px solid rgba(230,202,151,0.5);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);box-shadow:0 0 8px rgba(230,202,151,0.25);transition:transform 0.25s ease;}
.connect-wrap-3:active .connect-ring-3{transform:translate(-50%,-50%) rotate(18deg) scale(0.94);}
.connect-wrap-3:active .connect-sphere{transform:scale(0.94);}
.connect-moon-orbit{position:absolute;left:50%;top:50%;width:98px;height:30px;transform:translate(-50%,-50%) rotate(-18deg);}
.connect-moon-spin{position:absolute;inset:0;animation:moonOrbit 5s linear infinite;}
.connect-moon{position:absolute;left:100%;top:50%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7e0,#e6ca97 60%,#93753f 100%);box-shadow:0 0 6px 1px rgba(230,202,151,0.7);transform:translate(-50%,-50%);}
.connect-sphere{
  position:relative;z-index:1;width:70px;height:70px;border-radius:50%;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 16%),
    radial-gradient(circle at 34% 28%, #fff7e0 0%, #f8ecd0 10%, #e6ca97 32%, #c9a565 58%, #93753f 82%, #5e4726 100%),
    linear-gradient(90deg,#93753f,#e6ca97,#f8ecd0,#c9a565,#93753f);
  background-size:100% 100%, 100% 100%, 240% 100%;
  animation:sphereRotate 7s linear infinite;
  box-shadow:
    inset -10px -12px 20px rgba(0,0,0,0.55),
    inset 6px 8px 14px rgba(255,255,255,0.35),
    inset 0 0 30px rgba(255,255,255,0.06),
    0 4px 10px rgba(230,202,151,0.35),
    0 14px 28px rgba(0,0,0,0.6);
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#09090a;font-family:'Sora',sans-serif;font-weight:700;font-size:10px;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;
  transition:transform 0.15s ease;
}
.connect-sphere .wa-icon{opacity:0.4;margin-bottom:2px;}
.nav-dropdown-wrap{position:relative;padding:8px 9px;}
.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:8px;width:260px;opacity:0;visibility:hidden;transition:opacity 0.2s ease;pointer-events:none;}
.nav-dropdown-wrap:hover .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;}
.nav-dropdown-inner{background:rgba(20,19,17,0.9);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid rgba(201,165,101,0.25);border-radius:14px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,0.5);display:flex;flex-direction:column;gap:6px;}
.nav-dropdown-inner a{display:block;padding:11px 16px;color:#c4c0b6;font-size:12.5px;border-radius:8px;background:rgba(201,165,101,0.06);border:1px solid rgba(201,165,101,0.15);}
.nav-dropdown-inner a:hover{background:rgba(201,165,101,0.18);border-color:rgba(201,165,101,0.5);color:#e6ca97;}

@keyframes driftLine{0%{transform:translateY(0);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-1200px);opacity:0;}}
.signal-line{position:absolute;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,#e6ca97,transparent);opacity:0;animation:driftLine 8s linear infinite;}

@keyframes ringSpinA{from{transform:translate(-50%,-50%) rotateX(75deg) rotateZ(0deg);}to{transform:translate(-50%,-50%) rotateX(75deg) rotateZ(360deg);}}
@keyframes ringSpinB{from{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg);}to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0deg);}}
@keyframes orbitParticleA{from{transform:rotate(0deg) translateX(200px) rotate(0deg);}to{transform:rotate(360deg) translateX(200px) rotate(-360deg);}}
@keyframes twinkle{0%,100%{opacity:0.2;transform:scale(0.7);}50%{opacity:1;transform:scale(1.2);}}
@keyframes monolithGlow{0%,100%{box-shadow:0 0 24px 2px rgba(230,202,151,0.15);}50%{box-shadow:0 0 40px 6px rgba(230,202,151,0.3);}}
@keyframes coreForming{0%,100%{opacity:0.4;transform:translate(-50%,-50%) scale(0.85);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15);}}
@keyframes vaultFlicker{0%,100%{opacity:1;}50%{opacity:0.75;}}
.vault-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#e6ca97;animation:twinkle 4s ease-in-out infinite;}
.ring-a{position:absolute;left:50%;top:50%;width:400px;height:150px;border:1px solid rgba(230,202,151,0.45);border-radius:50%;transform:translate(-50%,-50%) rotateX(75deg);animation:ringSpinA 12s linear infinite;}
.ring-b{position:absolute;left:50%;top:50%;width:560px;height:210px;border:1px solid rgba(230,202,151,0.3);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);animation:ringSpinB 18s linear infinite;}
.orbit-particle{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#e6ca97;box-shadow:0 0 8px 2px rgba(230,202,151,0.8);animation:orbitParticleA 7s linear infinite;}
.monolith-core{position:absolute;left:50%;top:50%;width:150px;height:340px;transform:translate(-50%,-50%);background:linear-gradient(155deg,rgba(230,202,151,0.1),rgba(230,202,151,0.03));border:1px solid rgba(230,202,151,0.4);animation:monolithGlow 4.5s ease-in-out infinite;overflow:hidden;}
.monolith-inner-glow{position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#f8ecd0 0%,#e6ca97 40%,rgba(230,202,151,0) 75%);filter:blur(2px);animation:coreForming 3s ease-in-out infinite;transform:translate(-50%,-50%);}