/* Mobile — diagonal glow + bubbles */
.hero { position:relative; overflow:hidden; }
.hero::before{
  content:""; position:absolute; inset:-5%;
  background:
    linear-gradient(60deg, rgba(255,255,255,.35) 0 25%, transparent 55%),
    radial-gradient(20% 15% at 75% 20%, rgba(255,174,105,.25), transparent 60%),
    radial-gradient(18% 14% at 85% 70%, rgba(123,97,255,.20), transparent 65%);
  filter: blur(8px);
  pointer-events:none; mix-blend-mode: screen;
}