*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Poppins,sans-serif;background:#08111f;color:#fff;overflow:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#2563eb55,transparent 30%),radial-gradient(circle at 80% 80%,#06b6d455,transparent 30%),linear-gradient(135deg,#020617,#07111f,#0f172a);animation:a 12s infinite alternate}@keyframes a{to{transform:scale(1.08);filter:hue-rotate(20deg)}}.hero{height:75vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:4vw 6vw;position:relative;z-index:2}.left h1{font-size:clamp(46px,5vw,78px)}.left span{color:#3b82f6}.left p{font-size:20px;color:#d5dbea;max-width:650px;margin:20px 0}.badge{display:inline-block;padding:10px 20px;background:#2563eb;border-radius:30px}.progress{height:12px;background:#22324c;border-radius:30px;max-width:520px}.bar{height:100%;width:85%;background:linear-gradient(90deg,#2563eb,#06b6d4)}.status{margin:12px 0 30px}.buttons{display:flex;gap:16px}.btn{padding:14px 28px;border-radius:40px;background:#2563eb;color:#fff;text-decoration:none}.alt{background:transparent;border:1px solid #60a5fa}.right{display:flex;justify-content:center}.countdown{display:grid;grid-template-columns:repeat(2,150px);gap:20px}.countdown div{height:150px;background:#ffffff12;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.countdown span{font-size:46px;font-weight:700}.contact{height:18vh;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 6vw}.box{background:#ffffff12;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px}.box i{font-size:28px;color:#60a5fa;margin-bottom:10px}.box a{color:#fff;text-decoration:none;word-break:break-word}footer{height:7vh;display:flex;justify-content:center;align-items:center;color:#b8c4d4}.wa{position:fixed;right:25px;bottom:25px;width:65px;height:65px;background:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-size:34px;z-index:99}@media(max-width:900px){body{overflow:auto}.hero{grid-template-columns:1fr;height:auto;text-align:center}.buttons{justify-content:center;flex-wrap:wrap}.countdown{grid-template-columns:repeat(2,120px);margin-top:30px}.contact{grid-template-columns:1fr;height:auto;padding:30px}footer{height:auto;padding:20px}}