*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{height:100%}.landing-page{height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}.content{text-align:center;animation:fadeInUp 1.2s ease-out}.title{color:#fff;font-size:4rem;font-weight:600;letter-spacing:.05em;text-align:center;margin-bottom:2rem;animation:fadeInScale 1s ease-out .3s both}.coming-soon{margin-bottom:1.5rem;animation:fadeIn 1s ease-out .8s both}.coming-soon-text{color:#fff;font-size:1.5rem;font-weight:200;letter-spacing:.1em;margin-bottom:1rem;opacity:.9}.dots{display:flex;justify-content:center;gap:.5rem}.dot{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.subtitle{animation:fadeIn 1s ease-out 1.2s both}.subtitle p{color:#888;font-size:1rem;font-weight:200;letter-spacing:.05em;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-10px);opacity:1}60%{transform:translateY(-5px);opacity:.9}}@media (max-width: 768px){.title{font-size:2.5rem;margin-bottom:1.5rem}.coming-soon-text{font-size:1.2rem}.subtitle p{font-size:.9rem}}@media (max-width: 480px){.title{font-size:2rem;margin-bottom:1rem}.coming-soon-text{font-size:1rem}.subtitle p{font-size:.8rem}}