/* Microsoft benzeri katmanli arka plan — giris ve kayit sayfalari */

body.agvmail-auth,
html body.task-login {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background: #06080a !important;
  background-image: none !important;
}

/* Temel koyu degrade */
body.agvmail-auth::before,
html body.task-login::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 55% at 8% 22%, rgba(58, 92, 168, 0.28) 0%, transparent 62%),
    radial-gradient(ellipse 55% 50% at 92% 78%, rgba(42, 68, 128, 0.2) 0%, transparent 58%),
    linear-gradient(152deg, #1c2433 0%, #12161f 38%, #0a0c12 72%, #050608 100%);
}

/* Yildiz/toz dokusu */
body.agvmail-auth::after,
html body.task-login::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  opacity: 0.45;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(255, 255, 255, 0.35), transparent),
    radial-gradient(1px 1px at 28% 62%, rgba(255, 255, 255, 0.2), transparent),
    radial-gradient(1.2px 1.2px at 45% 34%, rgba(255, 255, 255, 0.25), transparent),
    radial-gradient(1px 1px at 67% 71%, rgba(255, 255, 255, 0.18), transparent),
    radial-gradient(1px 1px at 81% 24%, rgba(255, 255, 255, 0.22), transparent),
    radial-gradient(1px 1px at 93% 52%, rgba(255, 255, 255, 0.15), transparent),
    radial-gradient(1px 1px at 5% 84%, rgba(255, 255, 255, 0.2), transparent),
    radial-gradient(1px 1px at 55% 88%, rgba(255, 255, 255, 0.12), transparent);
  background-size: 100% 100%;
}

/* Geometrik cam paneller + sol isik huzmesi */
body.agvmail-auth .agvmail-auth-shapes,
body.task-login .agvmail-auth-shapes {
  position: fixed;
  inset: -10%;
  z-index: -2;
  pointer-events: none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='rgba(110,150,230,0.14)'/%3E%3Cstop offset='100%25' stop-color='rgba(50,80,140,0.04)'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='rgba(90,130,210,0.11)'/%3E%3Cstop offset='100%25' stop-color='rgba(35,55,100,0.03)'/%3E%3C/linearGradient%3E%3ClinearGradient id='g3' x1='50%25' y1='0%25' x2='50%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='rgba(70,110,190,0.09)'/%3E%3Cstop offset='100%25' stop-color='rgba(25,40,75,0.02)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='1180,40 1780,180 1620,920 880,620' fill='url(%23g1)'/%3E%3Cpolygon points='140,280 620,60 720,740 80,820' fill='url(%23g2)'/%3E%3Cpolygon points='0,420 380,180 460,1080 0,940' fill='url(%23g3)'/%3E%3Cpolygon points='1520,520 1920,380 1920,1080 1380,1080' fill='rgba(60,95,165,0.06)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 35% 80% at -5% 50%, rgba(120, 170, 255, 0.18) 0%, transparent 70%);
  background-size: cover, auto;
  background-position: center, left center;
  background-repeat: no-repeat;
  filter: blur(0.5px);
  transform: rotate(-2deg) scale(1.02);
}

/* Yumusak parlama katmani */
body.agvmail-auth .agvmail-auth-glow,
body.task-login .agvmail-auth-glow {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 50% 40% at 78% 18%, rgba(100, 145, 220, 0.14) 0%, transparent 68%),
    radial-gradient(ellipse 45% 38% at 22% 75%, rgba(75, 115, 190, 0.1) 0%, transparent 65%);
  filter: blur(48px);
  opacity: 0.85;
}

body.agvmail-auth .signup-page,
body.task-login #layout {
  position: relative;
  z-index: 1;
}