*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0708;
  --bg-2:#13090c;
  --red:#8b1a2a;
  --rose:#c4485a;
  --pale:#f0ddd9;
  --muted:rgba(240,221,217,.55);
  --line:rgba(196,72,90,.25);
}
body{background:var(--bg);color:var(--pale);font-family:'Cormorant Garamond',serif}
.noise{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.6}
.vignette{position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:2}
.petals{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.petal{position:absolute;width:2px;height:2px;background:var(--rose);border-radius:50%;animation:fall linear infinite;opacity:0}
@keyframes fall{0%{opacity:0;transform:translateY(-10px) rotate(0deg)}10%{opacity:.6}90%{opacity:.2}100%{opacity:0;transform:translateY(110vh) rotate(360deg)}}