/* FEDERATION — WOW INTERACTIONS */
:root{--wow-gold:#e2b45f;--wow-blue:#3ad8ff;--wow-red:#ff3b55}
#wow-transition{position:fixed;inset:0;z-index:2147482500;pointer-events:none;opacity:0;visibility:hidden;
background:radial-gradient(circle at 50% 50%,rgba(35,105,255,.28),#03050a 42%,#000 100%);perspective:1200px}
#wow-transition.on{visibility:visible;animation:wowGate .78s cubic-bezier(.7,0,.2,1) forwards}
#wow-transition:before{content:"Ф";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.12) rotateY(55deg);
font:700 min(42vw,560px)/1 Georgia,serif;color:transparent;-webkit-text-stroke:2px rgba(226,180,95,.8);
text-shadow:0 0 35px rgba(226,180,95,.25),0 0 80px rgba(58,216,255,.18);animation:inherit}
@keyframes wowGate{0%{opacity:0;transform:scale(1)}30%{opacity:1}100%{opacity:1;transform:scale(1.16)}}
.wow-spotlight{position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:4;opacity:0;
background:radial-gradient(circle,rgba(255,245,215,.36) 0,rgba(255,226,154,.13) 25%,rgba(58,216,255,.05) 43%,transparent 69%);
mix-blend-mode:screen;filter:blur(7px);transform:translate(-50%,-50%);transition:opacity .22s}
.wow-lit{position:relative;overflow:hidden}.wow-lit:hover>.wow-spotlight{opacity:1}
.wow-poster{transform-style:preserve-3d;perspective:1000px;transition:transform .25s ease,box-shadow .3s ease!important}
.wow-poster img{transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .35s ease;will-change:transform}
.wow-poster:hover img{transform:translateZ(36px) scale(1.035);filter:contrast(1.04) saturate(1.05)}
.wow-poster:hover{box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 28px rgba(58,216,255,.12),0 0 55px rgba(226,180,95,.09)!important}
#wow-final{position:fixed;inset:0;z-index:2147481000;pointer-events:none;display:grid;place-items:center;opacity:0;visibility:hidden;
background:radial-gradient(circle at 50% 48%,rgba(20,72,160,.26),rgba(2,4,8,.96) 48%,#000);transition:opacity .5s}
#wow-final.show{opacity:1;visibility:visible;pointer-events:auto}
.wow-final-inner{text-align:center;transform:translateY(22px) scale(.96);opacity:0;transition:1s cubic-bezier(.16,.82,.18,1)}
#wow-final.show .wow-final-inner{transform:none;opacity:1}
.wow-final-f{font:700 clamp(120px,24vw,330px)/.72 Georgia,serif;color:transparent;-webkit-text-stroke:2px rgba(229,184,96,.82);
background:linear-gradient(120deg,#7b5b27,#fff0b5,#9a6a23,#f7d98b);-webkit-background-clip:text;background-clip:text;
filter:drop-shadow(0 0 30px rgba(229,184,96,.24));animation:wowFloat 4s ease-in-out infinite}
.wow-final-title{margin-top:30px;font:500 clamp(20px,3vw,46px)/1.15 Georgia,serif;letter-spacing:.12em;color:#f5dfae}
.wow-final-sub{margin-top:12px;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.32em;color:rgba(255,255,255,.68);text-transform:uppercase}
.wow-final-close{margin-top:26px;padding:13px 25px;border:1px solid rgba(229,184,96,.65);background:rgba(0,0,0,.18);color:#fff;
font:600 10px Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
@keyframes wowFloat{50%{transform:translateY(-10px) rotateY(8deg);filter:drop-shadow(0 0 46px rgba(58,216,255,.22))}}
.wow-logo-secret{transition:filter .3s,transform .3s}.wow-logo-secret.secret{animation:wowLogo 1.4s ease both}
@keyframes wowLogo{35%{transform:scale(1.12) rotateY(22deg);filter:drop-shadow(0 0 22px var(--wow-gold))}70%{transform:scale(.96) rotateY(-12deg)}}
@media(max-width:760px){.wow-spotlight{display:none}.wow-poster:hover img{transform:none}.wow-final-title{padding:0 20px}}
@media(prefers-reduced-motion:reduce){.wow-poster,.wow-poster img,.wow-final-f{animation:none!important;transform:none!important}}


/* === FEDERATION F / PINK PLAY — based on supplied reference === */

/* Page-transition symbol: replace typographic Ф with the geometric F + pink play mark */
#wow-transition:before{
  content:""!important;
  width:min(46vw,520px)!important;
  height:min(46vw,520px)!important;
  background:url("federation-f-pink-reference.jpg") center/contain no-repeat!important;
  border:0!important;
  -webkit-text-stroke:0!important;
  color:transparent!important;
  filter:
    drop-shadow(0 0 10px rgba(255,20,165,.72))
    drop-shadow(0 0 34px rgba(255,0,150,.45))
    drop-shadow(0 0 85px rgba(255,0,150,.22))!important;
  transform:translate(-50%,-50%) scale(.12) rotateY(52deg)!important;
  animation:wowPinkFZoom .78s cubic-bezier(.7,0,.2,1) forwards!important;
}
@keyframes wowPinkFZoom{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotateY(65deg);filter:blur(12px) drop-shadow(0 0 0 rgba(255,0,160,0))}
  38%{opacity:1;transform:translate(-50%,-50%) scale(.42) rotateY(18deg);filter:blur(0) drop-shadow(0 0 28px rgba(255,0,160,.75))}
  72%{transform:translate(-50%,-50%) scale(.92) rotateY(0);filter:drop-shadow(0 0 18px rgba(255,20,170,.85)) drop-shadow(0 0 70px rgba(255,0,145,.55))}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1.7) rotateY(-5deg);filter:blur(1px) drop-shadow(0 0 42px rgba(255,0,160,.78))}
}

/* A fast neon pulse behind the mark during page change */
#wow-transition:after{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;
  transform:translate(-50%,-50%);background:#ff21b4;opacity:0;
  box-shadow:0 0 20px #ff21b4,0 0 70px #ff008f,0 0 150px #ff008f;
}
#wow-transition.on:after{animation:wowPinkBlast .78s ease-out forwards}
@keyframes wowPinkBlast{
  0%,34%{opacity:0;transform:translate(-50%,-50%) scale(.1)}
  56%{opacity:.95;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(55)}
}

/* Contacts finale: same recognizable mark instead of a plain letter */
.wow-final-f{
  width:min(48vw,420px)!important;
  height:min(48vw,420px)!important;
  margin:0 auto!important;
  font-size:0!important;
  line-height:0!important;
  background:url("federation-f-pink-reference.jpg") center/contain no-repeat!important;
  -webkit-text-stroke:0!important;
  color:transparent!important;
  filter:
    drop-shadow(0 0 16px rgba(255,20,170,.72))
    drop-shadow(0 0 50px rgba(255,0,145,.38))!important;
  animation:wowPinkFinal 3.4s ease-in-out infinite!important;
}
@keyframes wowPinkFinal{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 14px rgba(255,20,170,.62)) drop-shadow(0 0 45px rgba(255,0,145,.32))}
  50%{transform:translateY(-9px) scale(1.035);filter:drop-shadow(0 0 25px rgba(255,55,190,.9)) drop-shadow(0 0 85px rgba(255,0,145,.55))}
}

/* Make the secret logo interaction echo the same pink energy */
.wow-logo-secret.secret{
  filter:drop-shadow(0 0 8px rgba(255,255,255,.55))
         drop-shadow(0 0 20px rgba(255,20,170,.75))
         drop-shadow(0 0 44px rgba(255,0,145,.42))!important;
}

@media(max-width:760px){
  #wow-transition:before{width:74vw!important;height:74vw!important}
  .wow-final-f{width:68vw!important;height:68vw!important}
}


/* === CLEAN TRANSITIONS: remove F/play splash and red/pink background === */
#wow-transition{
  background:rgba(2,4,8,.88)!important;
  backdrop-filter:blur(7px);
}
#wow-transition:before,
#wow-transition:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Contacts finale: remove F/play image so it cannot spoil the background */
.wow-final-f{
  display:none!important;
  background:none!important;
  filter:none!important;
}

/* Remove pink/red secret-logo glow; retain only subtle premium gold/white response */
.wow-logo-secret.secret{
  filter:drop-shadow(0 0 9px rgba(255,255,255,.28))
         drop-shadow(0 0 18px rgba(226,180,95,.30))!important;
}