:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,3%) scale(1.1)}66%{transform:translate(-2%,1%) scale(.9)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes wave{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}66%{border-radius:30% 70% 70% 30%/50% 40% 30% 60%}}@keyframes pulse-soft{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.bg-particle{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}.bg-shape{position:absolute;pointer-events:none;filter:blur(40px);opacity:.3}.moon{position:absolute;top:10%;right:10%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#fff,#ccc);box-shadow:0 0 25px #fff6;animation:moonMove 60s linear infinite}@keyframes moonMove{0%{transform:translate(0)}to{transform:translate(-200px)}}.sun{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fc6,#f60);box-shadow:0 0 60px #ff963299;z-index:0;animation:sunFloat 25s ease-in-out infinite}@keyframes sunFloat{0%{transform:translate(-50%);opacity:1}50%{transform:translate(-50%,-40px);opacity:1}to{transform:translate(-50%);opacity:1}}.sun-glow{position:absolute;bottom:10%;left:50%;width:300px;height:150px;transform:translate(-50%);background:radial-gradient(circle,rgba(255,150,0,.3),transparent);filter:blur(40px);pointer-events:none}.firefly{position:absolute;width:6px;height:6px;background:#b6ffb0;border-radius:50%;opacity:.6;animation:float 20s infinite ease-in-out}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.ocean-waves{animation:waveMove 20s infinite linear;background-size:200% 200%}@keyframes waveMove{0%{background-position:0% 50%}to{background-position:100% 50%}}.blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);opacity:.6;pointer-events:none}