.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes gradient{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.animate-gradient{animation:gradient 4s ease infinite}.snowflakes-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.snowflake{position:absolute;top:-50px;color:#a5b4fc;font-size:2rem;opacity:0;animation:snowfall linear infinite;text-shadow:0 0 20px rgba(165,180,252,.8);filter:blur(1px)}.snowflake:nth-child(1){left:5%;font-size:1.8rem;animation-duration:32s;animation-delay:0s;filter:blur(1.4px)}.snowflake:nth-child(2){left:15%;font-size:2.6rem;animation-duration:40s;animation-delay:4s;filter:blur(.7px)}.snowflake:nth-child(3){left:25%;font-size:2.1rem;animation-duration:34s;animation-delay:8s;filter:blur(1.2px)}.snowflake:nth-child(4){left:35%;font-size:2.4rem;animation-duration:42s;animation-delay:3s;filter:blur(.8px)}.snowflake:nth-child(5){left:45%;font-size:1.7rem;animation-duration:46s;animation-delay:7s;filter:blur(2px)}.snowflake:nth-child(6){left:55%;font-size:2.2rem;animation-duration:36s;animation-delay:12s;filter:blur(1px)}.snowflake:nth-child(7){left:65%;font-size:2.8rem;animation-duration:44s;animation-delay:2s;filter:blur(.6px)}.snowflake:nth-child(8){left:75%;font-size:2rem;animation-duration:34s;animation-delay:6s;filter:blur(1.5px)}.snowflake:nth-child(9){left:85%;font-size:2.3rem;animation-duration:40s;animation-delay:10s;filter:blur(.9px)}.snowflake:nth-child(10){left:92%;font-size:1.9rem;animation-duration:46s;animation-delay:4s;filter:blur(1.8px)}.snowflake:nth-child(11){left:10%;font-size:2.1rem;animation-duration:32s;animation-delay:14s;filter:blur(1.1px)}.snowflake:nth-child(12){left:50%;font-size:2.5rem;animation-duration:38s;animation-delay:16s;filter:blur(.8px)}@keyframes snowfall{0%{top:-50px;opacity:0;transform:translate(0) rotate(0)}10%{opacity:.3}50%{opacity:.25}90%{opacity:.1}to{top:100%;opacity:0;transform:translate(40px) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.snowflake{animation:none;opacity:.3;top:20%}.snowflake:nth-child(2n){top:50%}.snowflake:nth-child(3n){top:80%}}@media (prefers-color-scheme: dark){.snowflake{color:#c7d2fe;text-shadow:0 0 10px rgba(199,210,254,.6)}}