*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f5f9ff;color:#1b2430;overflow:hidden}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:auto;padding:40px;gap:40px}.badge{display:inline-block;background:#eef5ff;color:#2563eb;padding:10px 18px;border-radius:40px;font-weight:700}.left h1{font-size:64px;margin:20px 0}.left h1 span{color:#2563eb}.left p{font-size:20px;color:#667085;line-height:1.7}.timer{display:flex;gap:16px;margin:40px 0}.timer div{background:#fff;padding:20px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.08);text-align:center;min-width:90px}.timer b{font-size:34px;display:block}.subscribe{display:flex}.subscribe input{flex:1;padding:18px;border:1px solid #ddd;border-radius:12px 0 0 12px}.subscribe button{padding:18px 28px;background:#2563eb;color:#fff;border:0;border-radius:0 12px 12px 0}.right{display:flex;flex-direction:column;align-items:center}.circle{width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,#ffd54f,#ffb300);display:flex;align-items:center;justify-content:center;font-size:120px;box-shadow:0 40px 70px rgba(0,0,0,.15);animation:float 4s ease-in-out infinite}.note{margin-top:20px;color:#666}.bg .cloud{position:absolute;background:#fff;border-radius:50px;opacity:.9;filter:drop-shadow(0 10px 20px rgba(0,0,0,.08));animation:cloud 24s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud{width:120px;height:40px}.cloud:before{width:50px;height:50px;left:15px;top:-25px}.cloud:after{width:70px;height:70px;right:10px;top:-35px}.c1{top:12%;left:-150px}.c2{top:30%;left:-300px;animation-duration:35s}.c3{top:65%;left:-250px;animation-duration:28s}@keyframes cloud{to{transform:translateX(calc(100vw + 500px))}}@keyframes float{50%{transform:translateY(-15px)}}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.left h1{font-size:46px}.timer{justify-content:center;flex-wrap:wrap}.subscribe{flex-direction:column;gap:12px}.subscribe input,.subscribe button{border-radius:12px}.circle{width:260px;height:260px;font-size:90px}}