*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{color:#fff;background:radial-gradient(circle at 100% 0,#0d3b66,#001e3d);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.wrapper{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:24px;flex-direction:row;width:90%;max-width:900px;animation:1s ease-in-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006}.content-side{flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex}.image-side{background:#007bff0d;border-left:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.hero-logo-right{object-fit:contain;filter:drop-shadow(0 10px 20px #0096ff4d);width:100%;max-width:220px;height:auto;animation:4s ease-in-out infinite floatLogo}.title{margin-bottom:.75rem;font-size:2.3rem;font-weight:800;line-height:1.2}.title span{color:#00d2ff}.desc{color:#b0c4de;margin-bottom:2rem;font-size:.9rem;line-height:1.6}.countdown-grid{gap:.75rem;margin-bottom:2rem;display:flex}.time-card{text-align:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;min-width:65px;padding:.75rem}.time-num{color:#fff;font-size:1.4rem;font-weight:700}.time-txt{text-transform:uppercase;color:#7fdbff;margin-top:2px;font-size:.65rem}.form-box{gap:.5rem;display:flex}.input-field{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem}.input-field::placeholder{color:#8fa3bf}.submit-btn{color:#fff;cursor:pointer;background:#00b4d8;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:700;transition:all .3s}.submit-btn:hover{color:#003049;background:#90e0ef}.success-text{color:#48cae4;margin-top:.75rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.wrapper{flex-direction:column}.image-side{border-top:1px solid #ffffff1a;border-left:none;padding:1.5rem}.content-side{padding:2rem}}