body {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(135deg, #1e293b 0%, #334155 25%, #475569 40%, #64748b 55%, #94a3b8 70%, #cbd5e1 85%, #f1f5f9 100%);
  background-attachment: fixed;
  min-height: 100vh;
}
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.08) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(30,41,59,0.15) 0%, transparent 35%),
    radial-gradient(circle at 50% 50%, rgba(71,85,105,0.1) 0%, transparent 45%),
    linear-gradient(45deg, transparent 48%, rgba(255,255,255,0.03) 50%, transparent 52%),
    linear-gradient(-45deg, transparent 48%, rgba(255,255,255,0.03) 50%, transparent 52%),
    radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 100% 100%, 40px 40px, 40px 40px, 30px 30px;
  pointer-events: none;
  z-index: -1;
}
@media (min-width: 426px) {
  body {
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 15%, #334155 25%, #475569 35%, #64748b 45%, #94a3b8 60%, #cbd5e1 75%, #e2e8f0 85%, #f8fcfa 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  body::before {
    background-image:
      radial-gradient(circle at 15% 20%, rgba(255,255,255,0.1) 0%, transparent 35%),
      radial-gradient(circle at 85% 80%, rgba(30,41,59,0.2) 0%, transparent 30%),
      radial-gradient(circle at 50% 10%, rgba(71,85,105,0.12) 0%, transparent 40%),
      radial-gradient(circle at 30% 90%, rgba(100,116,139,0.15) 0%, transparent 35%),
      radial-gradient(circle at 70% 30%, rgba(148,163,184,0.1) 0%, transparent 40%),
      linear-gradient(45deg, transparent 48%, rgba(255,255,255,0.04) 50%, transparent 52%),
      linear-gradient(-45deg, transparent 48%, rgba(255,255,255,0.04) 50%, transparent 52%),
      linear-gradient(90deg, transparent 49%, rgba(255,255,255,0.02) 51%, transparent 51%),
      linear-gradient(0deg, transparent 49%, rgba(255,255,255,0.02) 51%, transparent 51%),
      radial-gradient(circle at 50% 50%, rgba(185,35,35,0.03) 2px, transparent 2px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 60px 60px, 60px 60px, 80px 80px, 80px 80px, 25px 25px;
  }
}
::-webkit-scrollbar { display: none; }