.halloween-container{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.halloween-web{position:absolute;top:0;width:150px;height:150px;color:rgba(70,70,80,.32);filter:drop-shadow(0 0 .5px rgba(255,255,255,.6))}.halloween-web--left{left:0}.halloween-web--right{right:0;transform:scaleX(-1)}.halloween-web-strand{transform-origin:104px 30px;animation:halloween-strand-sway 7s ease-in-out infinite}@keyframes halloween-strand-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(6deg)}}.halloween-spider{position:absolute;top:0;right:11%;transform-origin:top center;animation:halloween-spider-sway 5.5s ease-in-out infinite}.halloween-spider-drop{position:relative;transform:translateY(-80px);animation:halloween-spider-drop 26s cubic-bezier(.45,0,.25,1) infinite;animation-delay:3s}.halloween-spider-thread{position:absolute;bottom:30px;left:50%;width:1px;height:100vh;transform:translateX(-50%);background:linear-gradient(180deg,rgba(90,90,100,.15),rgba(90,90,100,.55))}.halloween-spider-body{position:relative;display:block;transform:rotate(180deg);filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.halloween-leg{transform-box:fill-box}.halloween-leg--a{transform-origin:left bottom;animation:halloween-leg-twitch 3.1s ease-in-out infinite}.halloween-leg--b{transform-origin:left center;animation:halloween-leg-twitch 4.3s ease-in-out .6s infinite}.halloween-leg--c{transform-origin:left top;animation:halloween-leg-twitch 3.7s ease-in-out 1.1s infinite}.halloween-leg--d{transform-origin:left top;animation:halloween-leg-twitch 5.2s ease-in-out .3s infinite}@keyframes halloween-leg-twitch{0%,82%,to{transform:rotate(0deg)}86%{transform:rotate(-7deg)}90%{transform:rotate(3deg)}}@keyframes halloween-spider-drop{0%,18%{transform:translateY(-80px)}26%{transform:translateY(170px)}29%{transform:translateY(150px)}32%{transform:translateY(162px)}34%,52%{transform:translateY(158px)}55%{transform:translateY(150px)}58%,62%{transform:translateY(150px)}85%,to{transform:translateY(-80px)}}@keyframes halloween-spider-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}.halloween-flight{position:absolute;left:0;animation:halloween-flight-ltr linear forwards}.halloween-flight--reverse{animation-name:halloween-flight-rtl}@keyframes halloween-flight-ltr{0%{transform:translate(-15vw)}25%{transform:translate(22vw,-30px)}50%{transform:translate(50vw,15px)}75%{transform:translate(80vw,-25px)}to{transform:translate(118vw,-60px)}}@keyframes halloween-flight-rtl{0%{transform:translate(115vw)}25%{transform:translate(78vw,-25px)}50%{transform:translate(48vw,20px)}75%{transform:translate(18vw,-30px)}to{transform:translate(-20vw,-60px)}}.halloween-bat{position:absolute}.halloween-bat-svg{display:block;opacity:.85;animation:halloween-bat-bob calc(var(--flap) * 4) ease-in-out infinite}.halloween-bat-wing{animation:halloween-wing-flap var(--flap) ease-in-out infinite alternate}.halloween-bat-wing--left,.halloween-bat-wing--right{transform-origin:40px 20px}@keyframes halloween-wing-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.55)}}@keyframes halloween-bat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.halloween-fog{position:absolute;left:0;right:0;bottom:0;height:170px;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 20%,transparent);mask-image:linear-gradient(0deg,#000 20%,transparent)}.halloween-fog-layer{position:absolute;bottom:-20px;left:0;width:200%;height:190px;filter:blur(16px)}.halloween-fog-layer--back{opacity:.6;background:radial-gradient(ellipse 30% 45% at 15% 65%,rgba(120,112,140,.45),transparent 70%),radial-gradient(ellipse 34% 50% at 50% 72%,rgba(110,104,132,.4),transparent 70%),radial-gradient(ellipse 28% 42% at 84% 62%,rgba(125,116,145,.45),transparent 70%);background-size:50% 100%;background-repeat:repeat-x;animation:halloween-fog-drift 80s linear infinite}.halloween-fog-layer--front{opacity:.6;background:radial-gradient(ellipse 36% 40% at 30% 80%,rgba(150,142,168,.5),transparent 70%),radial-gradient(ellipse 32% 38% at 72% 84%,rgba(140,132,160,.45),transparent 70%);background-size:50% 100%;background-repeat:repeat-x;animation:halloween-fog-drift 50s linear infinite reverse}@keyframes halloween-fog-drift{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:767px){.halloween-web{width:84px;height:84px}.halloween-spider{right:22%}.halloween-spider-body{width:28px;height:25px}}@media (prefers-reduced-motion:reduce){.halloween-fog-layer,.halloween-web-strand{animation:none}}.valentine-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.valentine-item{position:absolute;top:-30px;color:#e91e63;animation:float-down linear infinite;will-change:transform}@keyframes float-down{0%{transform:translateY(-30px) rotate(0deg) scale(1)}25%{transform:translateY(25vh) rotate(15deg) scale(1.05)}50%{transform:translateY(50vh) rotate(-10deg) scale(.95)}75%{transform:translateY(75vh) rotate(20deg) scale(1.02)}to{transform:translateY(110vh) rotate(5deg) scale(1)}}.valentine-item:nth-child(3n){color:#f06292}.valentine-item:nth-child(3n+1){color:#ec407a}.valentine-item:nth-child(5n){color:#ff80ab}.valentine-item:nth-child(7n){color:#ff4081}@media (prefers-reduced-motion:reduce){.valentine-item{animation:none;opacity:.1;top:50%}}@media (max-width:767px){.valentine-item{animation-duration:12s!important}}