/* ═════════════ MEMVAJ — Lightweight (no bubbles) ═════════════ */

.memvaj{
  position:fixed;inset:0;z-index:0;overflow:hidden;
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(10,37,64,.95) 0%,transparent 60%),
    radial-gradient(ellipse 60% 40% at 20% 100%,rgba(0,61,102,.7) 0%,transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 100%,rgba(0,119,255,.4) 0%,transparent 60%),
    linear-gradient(180deg,#02050f 0%,#041225 50%,#02050f 100%);
  pointer-events:none;
}
[data-theme="light"] .memvaj{
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(220,245,255,.95) 0%,transparent 60%),
    radial-gradient(ellipse 60% 40% at 20% 100%,rgba(180,230,255,.6) 0%,transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 100%,rgba(160,210,255,.5) 0%,transparent 60%),
    linear-gradient(180deg,#E6F6F2 0%,#F4FAFB 50%,#E6F6F2 100%);
}

/* 🌌 Aurora */
.memvaj::before{
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:
    radial-gradient(circle 400px at 20% 30%,rgba(0,229,255,.15),transparent 50%),
    radial-gradient(circle 500px at 80% 60%,rgba(0,119,255,.12),transparent 50%),
    radial-gradient(circle 350px at 50% 80%,rgba(100,220,255,.1),transparent 50%);
  animation:memvajAurora 30s ease-in-out infinite alternate;
}
[data-theme="light"] .memvaj::before{
  background:
    radial-gradient(circle 400px at 20% 30%,rgba(15,163,150,.18),transparent 50%),
    radial-gradient(circle 500px at 80% 60%,rgba(27,94,138,.14),transparent 50%),
    radial-gradient(circle 350px at 50% 80%,rgba(100,200,220,.12),transparent 50%);
}
@keyframes memvajAurora{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-5%,5%) scale(1.1)}
  100%{transform:translate(5%,-5%) scale(1)}
}

/* 🌊 موج‌ها */
.memvaj .waves-box{position:absolute;inset:0}
.memvaj .wave{
  position:absolute;left:-50%;width:200%;height:200%;border-radius:43%;
  will-change:transform;transform-origin:50% 50%;mix-blend-mode:screen;
}
[data-theme="light"] .memvaj .wave{mix-blend-mode:multiply;opacity:.4}
.memvaj .wave:nth-child(1){
  background:linear-gradient(180deg,transparent 42%,rgba(0,229,255,.45) 65%,rgba(0,229,255,.2) 100%);
  animation:memvajWave1 24s linear infinite;bottom:-125%;opacity:.5;filter:blur(2px);
}
.memvaj .wave:nth-child(2){
  background:linear-gradient(180deg,transparent 40%,rgba(0,119,255,.5) 62%,rgba(0,119,255,.2) 100%);
  animation:memvajWave2 30s linear infinite reverse;bottom:-130%;opacity:.4;filter:blur(1.5px);
}
.memvaj .wave:nth-child(3){
  background:linear-gradient(180deg,transparent 38%,rgba(0,60,153,.55) 60%,rgba(0,60,153,.25) 100%);
  animation:memvajWave3 36s linear infinite;bottom:-135%;opacity:.4;filter:blur(1px);
}
.memvaj .wave:nth-child(4){
  background:linear-gradient(180deg,transparent 45%,rgba(100,220,255,.35) 68%,rgba(100,220,255,.15) 100%);
  animation:memvajWave4 42s linear infinite reverse;bottom:-140%;opacity:.3;filter:blur(2.5px);
}
@keyframes memvajWave1{
  0%{transform:rotate(0deg) translate(0,0)}25%{transform:rotate(90deg) translate(2%,-1%)}
  50%{transform:rotate(180deg) translate(0,0)}75%{transform:rotate(270deg) translate(-2%,1%)}
  100%{transform:rotate(360deg) translate(0,0)}
}
@keyframes memvajWave2{
  0%{transform:rotate(0deg) translate(0,0)}25%{transform:rotate(90deg) translate(-1%,2%)}
  50%{transform:rotate(180deg) translate(0,0)}75%{transform:rotate(270deg) translate(1%,-2%)}
  100%{transform:rotate(360deg) translate(0,0)}
}
@keyframes memvajWave3{
  0%{transform:rotate(0deg) translate(1%,1%)}
  50%{transform:rotate(180deg) translate(-1%,-1%)}
  100%{transform:rotate(360deg) translate(1%,1%)}
}
@keyframes memvajWave4{
  0%{transform:rotate(0deg) translate(-1%,0)}
  50%{transform:rotate(180deg) translate(1%,0)}
  100%{transform:rotate(360deg) translate(-1%,0)}
}

/* ✨ لایه‌ها (بدون bubble) */
.memvaj .sparkles-layer,
.memvaj .rings-layer,
.memvaj .streaks-layer{position:absolute;inset:0}

.memvaj .sparkle{position:absolute;border-radius:50%;will-change:transform}
.memvaj .ring{
  position:absolute;border-radius:50%;
  border:1.5px solid rgba(0,229,255,.5);
  box-shadow:0 0 12px rgba(0,229,255,.3),inset 0 0 12px rgba(0,229,255,.15);
  will-change:transform;
}
[data-theme="light"] .memvaj .ring{border-color:rgba(15,163,150,.45);box-shadow:0 0 12px rgba(15,163,150,.25),inset 0 0 12px rgba(15,163,150,.12)}
.memvaj .streak{
  position:absolute;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,255,.7),transparent);
  filter:blur(1px);will-change:transform;
}
[data-theme="light"] .memvaj .streak{background:linear-gradient(90deg,transparent,rgba(15,163,150,.6),transparent)}

/* 🌑 وینیت + نویز */
.memvaj::after{
  pointer-events:none;
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%,transparent 25%,rgba(2,5,15,.5) 70%,rgba(2,5,15,.85) 100%);
  z-index:5;
}
[data-theme="light"] .memvaj::after{
  background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(244,250,251,.3) 80%,rgba(244,250,251,.65) 100%);
}
.memvaj .noise{
  pointer-events:none;
  position:absolute;inset:0;opacity:.035;z-index:6;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:memvajNoise .5s steps(3) infinite;
}
@keyframes memvajNoise{
  0%{transform:translate(0,0)}33%{transform:translate(-2%,1%)}
  66%{transform:translate(1%,-1%)}100%{transform:translate(0,0)}
}

/* محتوا بالاتر از memvaj */
.memvaj-page .section,.memvaj-page .page-hero,.memvaj-page .work-hero,.memvaj-page .promise-hero,.memvaj-page .footer{position:relative;z-index:2}
.memvaj-page .nav{position:fixed !important;z-index:50 !important}
.memvaj-page .footer{background:#02050f}
[data-theme="light"] .memvaj-page .footer{background:#E6F6F2}