*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#1a1a2e);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;min-height:100vh}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:float 15s infinite}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:20%;top:80%;animation-delay:2s;animation-duration:15s}.particle:nth-child(3){left:60%;top:30%;animation-delay:4s;animation-duration:10s}.particle:nth-child(4){left:80%;top:60%;animation-delay:1s;animation-duration:13s}.particle:nth-child(5){left:30%;top:50%;animation-delay:3s;animation-duration:11s}.particle:nth-child(6){left:70%;top:10%;animation-delay:5s;animation-duration:14s}.particle:nth-child(7){left:50%;top:70%;animation-delay:2.5s;animation-duration:16s}.particle:nth-child(8){left:90%;top:40%;animation-delay:4.5s;animation-duration:12s}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-100px) translate(50px) scale(1.5);opacity:.8}50%{transform:translateY(-200px) translate(-50px) scale(1);opacity:.5}75%{transform:translateY(-100px) translate(100px) scale(1.2);opacity:.7}}.content{position:relative;z-index:10;text-align:center;max-width:600px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loader-wrapper{margin-bottom:3rem;animation:fadeInUp 1s ease-out .2s both}.loader{display:flex;justify-content:center;gap:1rem}.circle{width:16px;height:16px;border-radius:50%;background:#00d4ff;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #00d4ff80}.circle:nth-child(1){animation-delay:0s}.circle:nth-child(2){animation-delay:.2s}.circle:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out .4s both}.subtitle{font-size:1.5rem;font-weight:400;color:#ffffffe6;margin-bottom:1rem;animation:fadeInUp 1s ease-out .6s both}.description{font-size:1rem;font-weight:300;color:#ffffffb3;margin-bottom:2.5rem;line-height:1.6;animation:fadeInUp 1s ease-out .8s both}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:3rem;animation:fadeInUp 1s ease-out 1s both}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#09f);border-radius:2px;animation:progress 3s ease-in-out infinite;box-shadow:0 0 10px #00d4ff80}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.info{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out 1.2s both}.info-item{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.icon{width:20px;height:20px;color:#00d4ff}@media(max-width:768px){.title{font-size:2rem}.subtitle{font-size:1.2rem}.description{font-size:.9rem}.info{flex-direction:column;gap:1rem}.container{padding:1rem}}