@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 10s cubic-bezier(.165,.84,.44,1)}.background{position:absolute;inset:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#ffffff 0,#c9e4f4 10%,#285168 100%);display:flex;place-content:center;align-items:center;overflow:hidden;z-index:0}.background.fade-in{animation:fadeIn 1s ease-in-out}.gradient{--size:200px;--speed:5s;--easing:cubic-bezier(0.8,0.2,0.2,0.8);width:var(--size);height:var(--size);filter:blur(calc(var(--size) / 5));background-image:linear-gradient(#ffffff,#c9e4f4,#285168);animation:rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-1px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-fade-in{animation:logoFadeIn 1s forwards}@keyframes snowfall{0%{transform:translateY(var(--initial-y,-100px)) translateX(var(--initial-x,0));opacity:var(--initial-opacity,.7)}5%{opacity:1}95%{opacity:1}to{transform:translateY(calc(100vh + 100px)) translateX(var(--drift));opacity:0}}.snowflake{position:absolute;width:var(--size);height:var(--size);background:white;border-radius:50%;pointer-events:none;z-index:1;opacity:.7;left:var(--left);top:-10px;animation:snowfall var(--duration) linear infinite;animation-delay:var(--delay);box-shadow:0 0 2px rgba(255,255,255,.5)}