.secret-letter-page { background: radial-gradient(ellipse at top,#fbdce5,#e5a0ba); }
.secret-letter-paper { border: 1px solid #fff; background: linear-gradient(155deg,#fffdfaee,#fff0f5ed); box-shadow: 0 18px 65px #86345225,inset 0 0 50px #fff9; }
.secret-letter-page .rose-corner { width: 130px; height: 130px; font-size: 0; background: url('rose-realistic.png') center/contain no-repeat; opacity: 1; filter: none; }
.secret-letter-page .rose-corner-left { left: -42px; top: -26px; }
.secret-letter-page .rose-corner-right { right: -42px; bottom: -25px; }
.secret-letter-page .secret-divider span { display: block; width: 42px; height: 42px; font-size: 0; background: url('rose-realistic.png') center/contain no-repeat; }
.secret-letter-page .secret-envelope { box-shadow: 0 12px 30px #b8578130; border-radius: 8px 8px 14px 14px; }
.secret-letter-page .eyebrow { letter-spacing: 2.2px; font-size: 8px; }
.secret-letter-page h2 { line-height: 1.16; margin-top: 19px; }
.secret-letter-page .secret-message { position: relative; }
.rose-rain { max-width: 460px; margin-inline: auto; mask-image: none; -webkit-mask-image: none; }
.flying-rose { width: 34px; height: 34px; opacity: 1; filter: none; animation-name: romantic-drift; }
.rose-bloom { background: url('rose-realistic.png') center/contain no-repeat; }
.flying-heart { color: #c85083; font: 28px/1 Georgia,serif; animation-direction: reverse; }
.rose-petal { width: 15px; height: 22px; border-radius: 80% 15% 75% 30%; background: radial-gradient(ellipse at 20% 20%,#ffe5ee,#e88faa 60%,#bd527e); box-shadow: inset 1px 1px 3px #fff9; }
@keyframes romantic-drift { 0% { transform: translate3d(0,-6vh,0) rotate(-30deg) scale(var(--rose-scale)); } 50% { transform: translate3d(var(--rose-sway),48vh,0) rotate(100deg) scale(var(--rose-scale)); } 100% { transform: translate3d(var(--rose-return),110vh,0) rotate(250deg) scale(var(--rose-scale)); } }
@media(prefers-reduced-motion:reduce) { .flying-rose { display: none; animation: none; } }