/* Tela de acesso: marca d'água, nome e cartão flutuando de leve, cada um num ritmo, para não parecer mecânico.
   Quem pediu menos movimento no sistema vê tudo parado (regra de prefers-reduced-motion em sigma-base.css). */
@keyframes sgFlutuaMarca {
  0%, 100% { transform: translate(-50%, -50%) translate3d(0, 0, 0) rotate(0deg); }
  33%      { transform: translate(-50%, -50%) translate3d(10px, -16px, 0) rotate(1.6deg); }
  66%      { transform: translate(-50%, -50%) translate3d(-8px, -6px, 0) rotate(-1.2deg); }
}
@keyframes sgFlutuaNome {
  0%, 100% { transform: translate3d(0, 0, 0); }
  40%      { transform: translate3d(-4px, -10px, 0); }
  70%      { transform: translate3d(3px, -4px, 0); }
}
@keyframes sgFlutuaCartao {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50%      { transform: translate3d(0, -6px, 0); }
}
.sg-flutua-marca  { animation: sgFlutuaMarca 11s ease-in-out infinite; will-change: transform; }
.sg-flutua-nome   { animation: sgFlutuaNome 7s ease-in-out infinite; will-change: transform; }
.sg-flutua-cartao { animation: sgFlutuaCartao 9s ease-in-out infinite; }