/* Decorative panel motion. No control handlers, layout shifts or pointer capture. */
.tank-login-panel-motion {
  --tank-panel-accent: #7dcede;
  --tank-panel-accent-rgb: 73,170,194;
  isolation: isolate;
}
.tank-panel-effects { position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none; }
.tank-panel-halo {
  position:absolute;inset:-18px;border-radius:30px;pointer-events:none;
  background:radial-gradient(ellipse at 80% 5%,rgba(var(--tank-panel-accent-rgb),.085),transparent 60%),radial-gradient(ellipse at 10% 95%,rgba(var(--tank-panel-accent-rgb),.045),transparent 57%);
  filter:blur(16px);opacity:.45;animation:tank-panel-breathe 11s ease-in-out infinite;
}
.tank-panel-edge { position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none; }
.tank-panel-edge rect {
  width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:var(--tank-panel-accent);
  stroke-width:1.05;stroke-linecap:round;stroke-dasharray:13 87;stroke-dashoffset:100;
  opacity:.65;filter:drop-shadow(0 0 3px rgba(var(--tank-panel-accent-rgb),.28));
  animation:tank-panel-edge-flow 13s linear infinite;
}
.tank-panel-edge .tank-panel-edge-secondary { stroke-dasharray:4 96;opacity:.28;animation-delay:-6.5s;animation-duration:18s; }
@keyframes tank-panel-edge-flow { from{stroke-dashoffset:100}to{stroke-dashoffset:0} }
@keyframes tank-panel-breathe { 0%,100%{opacity:.35;transform:translate3d(0,1px,0)}50%{opacity:.72;transform:translate3d(0,-1px,0)} }
.motion-off .tank-panel-effects,.motion-off .tank-panel-effects *,
.tank-login-motion-paused .tank-panel-effects,.tank-login-motion-paused .tank-panel-effects * { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) {
  .tank-panel-effects,.tank-panel-effects * { animation:none!important;filter:none!important; }
  .tank-panel-edge rect { stroke-dasharray:none;opacity:.2; }
}