:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.container{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0a2e,#0a0a1a);overflow:hidden;display:flex;align-items:center;justify-content:center}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.stars{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2"><circle cx="1" cy="1" r="1" fill="white" opacity="0.8"/></svg>') repeat;animation:stars-move 50s linear infinite}.stars2{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="3"><circle cx="1.5" cy="1.5" r="1" fill="white" opacity="0.5"/></svg>') repeat;animation:stars-move 100s linear infinite}.stars3{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><circle cx="2" cy="2" r="1.5" fill="white" opacity="0.3"/></svg>') repeat;animation:stars-move 150s linear infinite}@keyframes stars-move{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.content{position:relative;z-index:10;text-align:center;padding:2rem}.ai-icon{position:relative;width:150px;height:150px;margin:0 auto 3rem}.ai-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 40px #667eeacc,0 0 80px #667eea66;animation:pulse 2s ease-in-out infinite}.ai-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(102,126,234,.3);border-radius:50%;animation:ring-rotate 10s linear infinite}.ring-1{width:100px;height:100px;animation-duration:8s}.ring-2{width:120px;height:120px;animation-duration:12s;animation-direction:reverse}.ring-3{width:140px;height:140px;animation-duration:15s}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 40px #667eeacc,0 0 80px #667eea66}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 60px #667eea,0 0 120px #667eea99}}@keyframes ring-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.title{font-size:4.5rem;font-weight:900;margin-bottom:1rem;letter-spacing:3px}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.subtitle{font-size:1.5rem;color:#ffffffb3;margin-bottom:3rem;font-weight:300;letter-spacing:2px}.coming-soon{display:inline-block;padding:1rem 3rem;border:2px solid rgba(102,126,234,.5);border-radius:50px;position:relative;overflow:hidden}.coming-soon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.coming-text{font-size:1.2rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:3px;position:relative;z-index:1}.particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#667eea;border-radius:50%;opacity:0;animation:particle-float 8s infinite ease-in-out}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.particle:nth-child(2){top:60%;left:80%;animation-delay:1.5s}.particle:nth-child(3){top:80%;left:20%;animation-delay:3s}.particle:nth-child(4){top:30%;left:70%;animation-delay:4.5s}.particle:nth-child(5){top:50%;left:50%;animation-delay:6s}@keyframes particle-float{0%,to{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-100px) scale(1.5);opacity:1}}@media(max-width:768px){.title{font-size:3rem}.subtitle{font-size:1.2rem}.ai-icon{width:120px;height:120px}.ai-core{width:50px;height:50px}.ring-1{width:80px;height:80px}.ring-2{width:100px;height:100px}.ring-3{width:120px;height:120px}.coming-text{font-size:1rem}}@media(max-width:480px){.title{font-size:2.5rem}.subtitle{font-size:1rem}.coming-soon{padding:.8rem 2rem}}