/* SIKAVO — Auth Mini Rings 1.3
 * Fond blanc + petits anneaux animés orange/bleu uniquement.
 * Aucun style de formulaire/champ/bouton/carte n'est modifié.
 */
:root{
  --sv-ring-blue:#0b45ef;
  --sv-ring-orange:#ff7a00;
}
html,body{min-height:100%;background:#fff !important}
body{overflow-x:hidden}
.nx-page,.sv-pin-screen{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  background:#fff !important;
}
.nx-page > .nx-bg-glow,.nx-page > .nx-ring{display:none !important}
.nx-page > .nx-auth,.sv-pin-screen > .sv-pin-shell,.svd-login-back{
  position:relative;
  z-index:3;
}
.nx-page::before,.sv-pin-screen::before{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  top:34px;
  right:7vw;
  width:82px;
  height:82px;
  border-radius:50%;
  opacity:.72;
  background:conic-gradient(from 0deg,
    transparent 0deg 58deg,
    rgba(255,122,0,.95) 58deg 100deg,
    transparent 100deg 202deg,
    rgba(11,69,239,.92) 202deg 246deg,
    transparent 246deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  filter:drop-shadow(0 0 5px rgba(11,69,239,.12));
  animation:svMiniRingSpin 12s linear infinite;
}
.nx-page::after,.sv-pin-screen::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  left:5vw;
  bottom:38px;
  width:62px;
  height:62px;
  border-radius:50%;
  opacity:.66;
  background:conic-gradient(from 35deg,
    transparent 0deg 74deg,
    rgba(11,69,239,.90) 74deg 118deg,
    transparent 118deg 238deg,
    rgba(255,122,0,.92) 238deg 286deg,
    transparent 286deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  filter:drop-shadow(0 0 5px rgba(255,122,0,.11));
  animation:svMiniRingSpinReverse 15s linear infinite;
}
.nx-auth::before,.sv-pin-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-26px;
  left:-38px;
  width:44px;
  height:44px;
  border-radius:50%;
  opacity:.46;
  background:conic-gradient(from 90deg,
    rgba(255,122,0,.9) 0deg 54deg,
    transparent 54deg 178deg,
    rgba(11,69,239,.88) 178deg 226deg,
    transparent 226deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:svMiniRingSpin 9s linear infinite;
}
.nx-auth::after,.sv-pin-shell::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  right:-32px;
  bottom:8%;
  width:50px;
  height:50px;
  border-radius:50%;
  opacity:.42;
  background:conic-gradient(from 210deg,
    rgba(11,69,239,.88) 0deg 48deg,
    transparent 48deg 190deg,
    rgba(255,122,0,.88) 190deg 238deg,
    transparent 238deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:svMiniRingSpinReverse 11s linear infinite;
}
@keyframes svMiniRingSpin{to{transform:rotate(360deg)}}
@keyframes svMiniRingSpinReverse{to{transform:rotate(-360deg)}}
@media (max-width:640px){
  .nx-page::before,.sv-pin-screen::before{top:24px;right:18px;width:68px;height:68px;opacity:.62}
  .nx-page::after,.sv-pin-screen::after{left:16px;bottom:24px;width:52px;height:52px;opacity:.58}
  .nx-auth::before,.sv-pin-shell::before{width:36px;height:36px;left:-16px;top:-20px;opacity:.36}
  .nx-auth::after,.sv-pin-shell::after{width:40px;height:40px;right:-14px;opacity:.34}
}
@media (prefers-reduced-motion:reduce){
  .nx-page::before,.nx-page::after,.sv-pin-screen::before,.sv-pin-screen::after,
  .nx-auth::before,.nx-auth::after,.sv-pin-shell::before,.sv-pin-shell::after{animation:none !important}
}