*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{background:#0a0a0a;color:#fff;position:relative}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle 20s linear infinite}@keyframes sparkle{0%{transform:translate(0)}to{transform:translate(-200px)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;animation:float 6s ease-in-out infinite}.orb-1{width:300px;height:300px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);top:10%;left:10%;animation-delay:0s}.orb-2{width:200px;height:200px;background:linear-gradient(45deg,#a8e6cf,#ffd93d);top:60%;right:20%;animation-delay:2s}.orb-3{width:250px;height:250px;background:linear-gradient(45deg,#ff8a80,#82b1ff);bottom:20%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.main-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.welcome-content{text-align:center;max-width:800px;animation:fadeInUp 1.5s ease-out}.logo-container{animation:logoFloat 3s ease-in-out infinite 1.5s}.main-logo{object-fit:cover;border:3px solid rgba(78,205,196,.3);box-shadow:0 0 30px #4ecdc466,0 0 60px #4ecdc433,inset 0 0 20px #ffffff1a;transition:all .3s ease;background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);animation:fadeInLogo 1s ease-out .5s forwards,logoFloat 3s ease-in-out infinite 1.5s}.main-logo:hover{transform:scale(1.05);border-color:#4ecdc499;box-shadow:0 0 40px #4ecdc499,0 0 80px #4ecdc44d,inset 0 0 30px #fff3}@keyframes fadeInLogo{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-text{font-size:clamp(1.5rem,4vw,3rem);font-weight:300;line-height:1.4;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.1)}.domain{font-weight:600;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.domain:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(135deg,#4ecdc4,#44a08d);opacity:.6;animation:glow 2s ease-in-out infinite alternate}.construction{font-weight:500;background:linear-gradient(135deg,#ff6b6b,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:2rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#44a08d);animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #4ecdc44d}to{box-shadow:0 0 20px #4ecdc499}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.welcome-content{padding:0 1rem}.logo-container,.main-logo{width:100px!important;height:100px!important}.welcome-text{font-size:clamp(1.2rem,5vw,2rem);line-height:1.3}.gradient-orb{filter:blur(30px);opacity:.2}.orb-1{width:200px;height:200px}.orb-2{width:150px;height:150px}.orb-3{width:180px;height:180px}}@media (max-width: 480px){.logo-container{width:80px!important;height:80px!important;margin-bottom:1.5rem!important}.main-logo{width:80px!important;height:80px!important;border-width:2px}.welcome-text{font-size:clamp(1rem,6vw,1.5rem)}.loading-dots span{width:6px;height:6px}}