body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:Arial,sans-serif}.background{position:relative;width:100%;height:100vh;background:linear-gradient(to right,#fefcea,#f1da36);overflow:hidden}.container{position:relative;z-index:2;text-align:center;top:50%;transform:translateY(-50%)}.welcome-img{width:240px;border-radius:50%;box-shadow:0 0 10px #0003;margin-bottom:20px}h1{font-size:24px;color:#333}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:#fffc;border-radius:50%;animation:floatUp 10s infinite ease-in-out;opacity:.7;filter:blur(2px)}.particle:nth-child(n){left:calc(100% * var(--i, .5));top:100%;--i: calc(var(--rand, .5));animation-delay:calc(-1s * var(--rand, .5))}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.8}50%{opacity:.4}to{transform:translateY(-100vh) scale(.5);opacity:0}}