/* ===============================
   DIASPORA BACKGROUND ANIMAT
================================ */
.diaspora-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 30%, #0a1f44, transparent 60%),
    radial-gradient(circle at 80% 70%, #1b3c88, transparent 60%),
    #020617;
}
.diaspora-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 50% 10%, rgba(255,255,255,0.06), transparent 55%);
  pointer-events:none;
}

/* lumina miscatoare */
.diaspora-glow{
  position:absolute;
  width:620px;
  height:620px;
  background:radial-gradient(circle, rgba(59,130,246,0.55), transparent 70%);
  animation:moveGlow 18s linear infinite;
  filter:blur(120px);
}
@keyframes moveGlow{
  0%{transform:translate(-20%, -20%);}
  50%{transform:translate(80vw,40vh);}
  100%{transform:translate(-20%, -20%);}
}

/* grid subtil global */
.diaspora-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:60px 60px;
  animation:gridMove 40s linear infinite;
  opacity:0.85;
}
@keyframes gridMove{
  from{transform:translateY(0);}
  to{transform:translateY(60px);}
}

/* ===============================
   LOGIN PANEL PREMIUM ANIMATION
   (foloseste clasele existente)
================================ */
.auth-panel{
  position:relative;
  background:rgba(15,23,42,0.85);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-radius:18px;
  overflow:hidden;
  transform:translateZ(0);
}

/* border animat */
.auth-panel::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:18px;
  background:linear-gradient(
    120deg,
    #3b82f6,
    #22c55e,
    #06b6d4,
    #6366f1,
    #3b82f6
  );
  background-size:400%;
  animation:borderFlow 8s linear infinite;
  z-index:-1;
}
@keyframes borderFlow{
  0%{background-position:0%;}
  100%{background-position:400%;}
}

/* glow fin in interior */
.auth-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 20% 10%, rgba(59,130,246,0.18), transparent 40%),
              radial-gradient(circle at 80% 90%, rgba(34,197,94,0.10), transparent 45%);
  pointer-events:none;
}

/* hover usor premium */
.auth-panel:hover{
  transform:translateY(-3px);
  transition:.35s ease;
  box-shadow:0 20px 60px rgba(59,130,246,.25);
}

/* optional: text Diaspora discret in stanga (nu strica layout) */
.auth-left-title{
  position:relative;
}
.auth-left-title::after{
  content:" • platformă pentru diaspora";
  font-weight:500;
  opacity:0.7;
  font-size:0.85em;
}