.glass { background: rgba(15, 23, 42, .55); backdrop-filter: blur(12px); }
.ring-soft { box-shadow: 0 0 0 1px rgba(148,163,184,.15) inset; }
.hero-grid {
  background-image:
    radial-gradient(1200px 600px at 20% 10%, rgba(59,130,246,.28), transparent 55%),
    radial-gradient(900px 500px at 80% 20%, rgba(236,72,153,.18), transparent 55%),
    radial-gradient(900px 600px at 55% 90%, rgba(34,197,94,.12), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,1) 0%, rgba(2,6,23,.92) 40%, rgba(2,6,23,1) 100%);
}
.bg-noise:before{
  content:""; position:absolute; inset:0;
  background-image:url("assets/noise.svg");
  opacity:.10; pointer-events:none;
  mix-blend-mode:overlay;
}