*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;background:#0a0a0a}.app{min-height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:2rem 0}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:rgba(255,215,0,.6);border-radius:50%;animation:float-up 10s infinite linear}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.main-content{color:#fff;padding:2rem;max-width:1200px;width:100%;opacity:0;transform:translateY(30px);transition:all 1.2s ease-out}.main-content.fade-in{opacity:1;transform:translateY(0)}.coming-soon-hero{text-align:center;margin-bottom:4rem;position:relative}.coming-soon-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:10}.coming-soon-label{background:linear-gradient(45deg,#ffd700,#ffa500);color:#000;padding:.8rem 2rem;border-radius:50px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 30px #ffd70080;animation:pulse-badge 2s ease-in-out infinite;display:inline-block}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 30px #ffd70080}50%{transform:scale(1.05);box-shadow:0 0 40px #ffd700cc}}.header-section{text-align:center;margin-bottom:3rem;margin-top:2rem;padding-top:70px}.launch-message{background:rgba(26,26,46,.6);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:2.5rem;margin:2rem auto;max-width:600px;backdrop-filter:blur(15px);position:relative;overflow:hidden}.launch-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:shimmer 3s ease-in-out infinite}.launch-title{font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6);margin-bottom:1rem;animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.6)}50%{text-shadow:0 0 30px rgba(255,215,0,.9)}}.launch-subtitle{font-size:1.3rem;color:#fffc;font-style:italic}.title-with-logo{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}.metwave-logo{width:80px;height:80px;object-fit:contain;filter:brightness(0) invert(1);animation:logo-glow 3s ease-in-out infinite;transition:all .3s ease}@keyframes logo-glow{0%,to{filter:brightness(0) invert(1) drop-shadow(0 0 15px rgba(255,255,255,.3))}50%{filter:brightness(0) invert(1) drop-shadow(0 0 25px rgba(255,255,255,.6))}}.main-title{font-size:4.5rem;font-weight:700;text-shadow:0 0 30px rgba(255,215,0,.6);position:relative;margin:0}.metwave{background:linear-gradient(45deg,#ffd700,#ffa500,#ffd700);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:gradient-flow 3s ease-in-out infinite}.tokens{color:#fff;margin-left:1rem;animation:glow-pulse 2s ease-in-out infinite}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px rgba(255,255,255,.5)}50%{text-shadow:0 0 30px rgba(255,255,255,.8)}}.main-description{font-size:1.3rem;line-height:1.6;opacity:.9;max-width:700px;margin:0 auto;animation:fade-in-up 1s ease-out .5s both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.token-preview{margin-bottom:4rem}.preview-title{text-align:center;font-size:2rem;color:gold;margin-bottom:2.5rem;text-shadow:0 0 15px rgba(255,215,0,.5);font-weight:700}.token-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;perspective:1000px}.token-card{background:rgba(26,26,46,.8);border:1px solid rgba(255,215,0,.2);border-radius:25px;padding:3rem 2rem;transition:all .5s ease;backdrop-filter:blur(15px);position:relative;overflow:hidden;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;min-height:280px}.token-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.token-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8),transparent);transform:translate(-100%);transition:transform .8s ease}.token-card.active{border-color:#ffd70099;box-shadow:0 0 40px #ffd70033,0 20px 40px #0000004d;transform:translateY(-10px) rotateX(5deg)}.token-card.active:before{transform:translate(100%)}.token-card.active .token-glow{opacity:1}.token-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.token-icon{width:100px;height:100px;object-fit:contain;transition:all .5s ease;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}.token-card.active .token-icon{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 0 30px rgba(255,215,0,.6))}.token-name{font-size:2.2rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5);margin-bottom:1rem;transition:all .3s ease}.token-card.active .token-name{transform:scale(1.05);text-shadow:0 0 25px rgba(255,215,0,.8)}.token-description{font-size:1rem;color:#fffc;line-height:1.4;max-width:250px;font-style:italic;opacity:.9;transition:all .3s ease}.token-card.active .token-description{color:#fffffff2;transform:translateY(-2px)}.development-status{text-align:center;margin-bottom:4rem}.status-container{background:rgba(26,26,46,.6);border:1px solid rgba(255,215,0,.3);border-radius:25px;padding:3rem 2.5rem;backdrop-filter:blur(20px);position:relative;overflow:hidden}.status-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:shimmer 3s ease-in-out infinite}.status-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.05) 0%,transparent 50%);pointer-events:none}.status-title{font-size:2rem;font-weight:700;color:gold;margin-bottom:2.5rem;text-shadow:0 0 15px rgba(255,215,0,.5);position:relative;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-section{display:flex;flex-direction:column;align-items:center;gap:2.5rem;position:relative;z-index:1}.loading-bar{width:450px;height:8px;background:rgba(255,255,255,.1);margin:0 auto;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 0 10px #0000004d}.loading-progress{height:100%;background:linear-gradient(90deg,#ffd700,#ffa500,#ff8c00,#ffd700);background-size:300% 100%;width:0%;animation:loading 5s ease-in-out infinite,gradient-shift 2s ease-in-out infinite;border-radius:4px;box-shadow:0 0 20px #ffd70080}@keyframes loading{0%{width:0%}50%{width:85%}to{width:100%}}@keyframes gradient-shift{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.progress-indicators{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.progress-step{padding:.8rem 1.5rem;border-radius:25px;font-size:.95rem;font-weight:500;transition:all .4s ease;position:relative;backdrop-filter:blur(10px)}.progress-step.completed{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.6);color:#4caf50;box-shadow:0 0 15px #4caf504d}.progress-step.completed:before{content:"\2713  ";font-weight:700}.progress-step.active{background:rgba(255,215,0,.2);border:1px solid rgba(255,215,0,.6);color:gold;animation:pulse-step 2.5s ease-in-out infinite;box-shadow:0 0 20px #ffd70066}.progress-step.active:before{content:"\26a1  "}.progress-step:not(.completed):not(.active){background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#fff9}@keyframes pulse-step{0%,to{box-shadow:0 0 20px #ffd70066;transform:scale(1)}50%{box-shadow:0 0 30px #ffd70099;transform:scale(1.05)}}.cta-section{text-align:center;margin-bottom:3rem}.info-button{position:relative;background:linear-gradient(45deg,#ffd700,#ffa500);color:#000;border:none;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .4s ease;text-transform:uppercase;letter-spacing:1.5px;overflow:hidden;box-shadow:0 5px 20px #ffd7004d}.info-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ffd70066;background:linear-gradient(45deg,#ffa500,#ffd700)}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.info-button:hover .button-glow{left:100%}.bottom-text{text-align:center;opacity:.7;margin-top:3rem}.bottom-text p{margin-bottom:.8rem;font-size:1.1rem}.small{font-size:.95rem;opacity:.6}@media (max-width: 768px){.title-with-logo{gap:1.5rem}.metwave-logo{width:60px;height:60px}.main-title{font-size:3rem}.token-showcase{grid-template-columns:1fr;gap:2rem}.token-icon{width:80px;height:80px}.token-name{font-size:1.8rem}.token-description{font-size:.9rem}.launch-title{font-size:2rem}.launch-message{padding:2rem}.status-container{padding:2.5rem 1.5rem}.preview-title,.status-title{font-size:1.6rem}.loading-bar{width:320px}.progress-indicators{gap:1rem}.progress-step{font-size:.85rem;padding:.6rem 1rem}}@media (max-width: 480px){.main-content{padding:1rem}.title-with-logo{flex-direction:column;gap:1rem}.metwave-logo{width:50px;height:50px}.main-title{font-size:2.2rem}.main-description{font-size:1rem}.token-card{padding:2rem}.token-showcase{grid-template-columns:1fr}.launch-title{font-size:1.6rem}.coming-soon-label{font-size:.85rem;padding:.6rem 1.5rem}.loading-bar{width:280px}}
