/* backdrop.css — satu fungsi: efek latar (bintang, noise). Murni dekoratif. */
.noise{
  position:fixed; inset:0; z-index:0; pointer-events:none; opacity:0.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
.stars{
  position:fixed; inset:0; z-index:0; pointer-events:none; opacity:0.65;
  background-image:
    radial-gradient(1.5px 1.5px at 10% 15%, rgba(200,190,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 82% 10%, rgba(200,190,255,0.4), transparent),
    radial-gradient(1px 1px at 40% 55%, rgba(200,190,255,0.45), transparent),
    radial-gradient(1.5px 1.5px at 90% 45%, rgba(200,190,255,0.3), transparent),
    radial-gradient(1px 1px at 22% 78%, rgba(200,190,255,0.4), transparent),
    radial-gradient(1.5px 1.5px at 65% 90%, rgba(200,190,255,0.3), transparent),
    radial-gradient(1px 1px at 5% 45%, rgba(200,190,255,0.35), transparent);
  background-repeat:no-repeat;
}