/* === PDF Sathi - Background Shapes === */
body {
  position: relative;
  background-color: #ffffff !important;
  overflow-x: hidden;
  min-height: 100vh;
}
/* Red Circle - Top Left */
body::before {
  content: '';
  position: fixed;
  top: -60px;
  left: -60px;
  width: 280px;
  height: 280px;
  background: #ff4d4d;
  border-radius: 50%;
  opacity: 0.10;
  filter: blur(0px);
  z-index: -1;
  pointer-events: none;
}
/* Blue Circle - Bottom Right */
body::after {
  content: '';
  position: fixed;
  bottom: -80px;
  right: -60px;
  width: 340px;
  height: 340px;
  background: #3b82f6;
  border-radius: 50%;
  opacity: 0.10;
  filter: blur(0px);
  z-index: -1;
  pointer-events: none;
}
/* Extra Square - Top Right (Yellow) */
#ast-primary-site::before,
.site::before,
#page::before {
  content: '';
  position: fixed;
  top: 80px;
  right: 60px;
  width: 180px;
  height: 180px;
  background: #fbbf24;
  border-radius: 24px;
  opacity: 0.09;
  transform: rotate(15deg);
  z-index: -1;
  pointer-events: none;
}
/* Extra Square - Bottom Left (Green) */
#ast-primary-site::after,
.site::after,
#page::after {
  content: '';
  position: fixed;
  bottom: 100px;
  left: 40px;
  width: 150px;
  height: 150px;
  background: #22c55e;
  border-radius: 20px;
  opacity: 0.09;
  transform: rotate(-10deg);
  z-index: -1;
  pointer-events: none;
}
/* Mobile Responsive - Chhote shapes */
@media (max-width: 768px) {
  body::before { width: 160px; height: 160px; top: -40px; left: -40px; }
  body::after { width: 200px; height: 200px; bottom: -50px; right: -40px; }
  #ast-primary-site::before,
  .site::before,
  #page::before { width: 100px; height: 100px; top: 50px; right: 30px; }
  #ast-primary-site::after,
  .site::after,
  #page::after { width: 90px; height: 90px; bottom: 60px; left: 20px; }
}