/* Test Gateway FAB - extracted from layout to reduce HTML size */
.test-gateway-fab{
  position:fixed;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  z-index:1040;
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:1.15rem 1.25rem 1.15rem 1.75rem;
  background:linear-gradient(135deg,#122089 0%,#1e3ba8 20%,#2e0ea0 40%,#4a1ba8 60%,#6b2ba8 80%,#8f0fa0 100%);
  color:#fff;
  border:3px solid rgba(255,255,255,.5);
  border-radius:50px;
  font-weight:800;
  font-size:1rem;
  font-family:'Montserrat',system-ui,sans-serif;
  cursor:pointer;
  box-shadow:0 12px 50px rgba(18,32,137,.7),0 0 80px rgba(18,32,137,.6),0 0 120px rgba(143,15,160,.4),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2);
  transition:all .3s cubic-bezier(.4,0,.2,1);
  overflow:visible;
  animation:fabEntrance .5s ease-out,fabPulseScale 2.5s ease-in-out infinite,fabPulseGlow 2.5s ease-in-out infinite;
  min-width:fit-content;
  white-space:nowrap;
  text-decoration:none;
  outline:none;
  text-shadow:0 2px 8px rgba(0,0,0,.3);
  filter:drop-shadow(0 4px 12px rgba(18,32,137,.5));
}
.test-gateway-fab:hover{
  background:linear-gradient(135deg,#1e3ba8 0%,#2e0ea0 20%,#4a1ba8 40%,#6b2ba8 60%,#8f0fa0 80%,#b81ba8 100%);
  box-shadow:0 14px 55px rgba(18,32,137,.8),0 0 90px rgba(18,32,137,.7),inset 0 2px 5px rgba(255,255,255,.35);
  border-color:rgba(255,255,255,.7);
  animation:fabEntrance .5s ease-out,fabPulseScaleHover 2s ease-in-out infinite,fabPulseGlow 2s ease-in-out infinite;
}
.test-gateway-fab:active{transform:translateX(-50%) translateY(-1px) scale(1.02)}
.test-gateway-fab:focus{outline:3px solid rgba(18,32,137,.3);outline-offset:2px}
.test-gateway-fab .fab-icon{display:flex;align-items:center;justify-content:center;font-size:1.35rem;position:relative;z-index:2;transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}
.test-gateway-fab:hover .fab-icon{transform:translateX(3px)}
.test-gateway-fab .fab-text{position:relative;z-index:2;letter-spacing:.3px}
.test-gateway-fab .fab-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:fabShine 4s ease-in-out infinite;pointer-events:none;z-index:1;border-radius:50px}
.test-gateway-fab .fab-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50px;border:2px solid rgba(255,255,255,.4);animation:fabPulseRing 2.5s ease-out infinite;pointer-events:none;z-index:-1}
.test-gateway-fab::before,.test-gateway-fab::after{display:none}
@keyframes fabEntrance{0%{opacity:0;transform:translateX(-50%) translateY(10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes fabPulseScale{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.02)}}
@keyframes fabPulseScaleHover{0%,100%{transform:translateX(-50%) translateY(-3px) scale(1.05)}50%{transform:translateX(-50%) translateY(-3px) scale(1.07)}}
@keyframes fabPulseGlow{
  0%,100%{box-shadow:0 12px 50px rgba(18,32,137,.7),0 0 80px rgba(18,32,137,.6),0 0 120px rgba(143,15,160,.4),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2)}
  50%{box-shadow:0 14px 60px rgba(18,32,137,.8),0 0 100px rgba(18,32,137,.7),0 0 140px rgba(143,15,160,.5),inset 0 2px 5px rgba(255,255,255,.35),inset 0 -2px 5px rgba(0,0,0,.25)}
}
@keyframes fabShine{0%{left:-100%}50%,100%{left:100%}}
@keyframes fabPulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}
@media (min-width:992px){.test-gateway-fab{padding:1.15rem 2rem 1.15rem 2.5rem;font-size:1.05rem;gap:.875rem}}
@media (min-width:768px) and (max-width:991.98px){.test-gateway-fab{bottom:25px}}
@media (max-width:767.98px){
  .test-gateway-fab{bottom:20px;padding:.875rem .875rem .875rem 1.25rem;font-size:.875rem;gap:.5rem}
  .test-gateway-fab .fab-text{display:none}
  .test-gateway-fab .fab-icon{font-size:1.4rem}
  .test-gateway-fab:hover{transform:translateX(-50%) translateY(-2px) scale(1.02)}
}
@media (max-width:576px){
  .test-gateway-fab{bottom:15px;padding:.75rem;width:56px;height:56px;border-radius:50%;justify-content:center}
  .test-gateway-fab .fab-icon{font-size:1.3rem}
}
@media (prefers-reduced-motion: reduce){
  .test-gateway-fab{animation:fabEntrance .5s ease-out!important;background:linear-gradient(135deg,#122089 0%,#8f0fa0 100%)!important}
  .test-gateway-fab .fab-shine,.test-gateway-fab .fab-pulse{animation:none!important;display:none}
}