:root{--gradient-main:linear-gradient(135deg, #a8e6cf 0%, #d0f4de 50%, #fff3b0 100%)}body{font-family:var(--font-m-plus-1p), sans-serif}.hero-gradient{background:linear-gradient(135deg,#a8e6cf 0%,#d0f4de 50%,#fff3b0 100%) 0 0/400% 400%;animation:20s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.floating-particle{will-change:transform, opacity;animation:20s ease-in-out infinite float}@keyframes float{0%,to{opacity:.3;transform:translateY(0)translate(0)}25%{opacity:.5;transform:translateY(-20px)translate(10px)}50%{opacity:.4;transform:translateY(-10px)translate(-10px)}75%{opacity:.6;transform:translateY(-30px)translate(5px)}}.fade-in{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes reticleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reticle-rotate{animation:20s linear infinite reticleRotate}@keyframes focusPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.focus-pulse{animation:2s ease-in-out infinite focusPulse}@keyframes gridFadeIn{0%{opacity:0}to{opacity:1}}.grid-fade-in{animation:1s ease-out forwards gridFadeIn}