*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{color:#fff;background:#090d16;min-height:100vh;overflow-x:hidden}.hero{perspective:1000px;background:radial-gradient(circle,#111827 0%,#080c14 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px 15px;display:flex;position:relative;overflow:hidden}.blur{filter:blur(140px);pointer-events:none;opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.one{background:#10b981;width:380px;height:380px;top:-80px;left:-100px}.two{background:#00d4ff;width:420px;height:420px;top:10%;right:-120px}.three{background:#f59e0b;width:380px;height:380px;bottom:-100px;left:35%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-80px)scale(1.1)}}.card{text-align:center;-webkit-backdrop-filter:blur(24px);z-index:10;width:100%;max-width:900px;transform-style:preserve-3d;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:36px;padding:50px 40px;position:relative;box-shadow:0 30px 60px -12px #0000008f,0 18px 36px -18px #000000a6,inset 0 1px 1px #ffffff40}.logo-container{filter:drop-shadow(0 10px 15px #0006);margin-bottom:20px}.logo{object-fit:contain;width:280px;max-width:100%;height:auto}h1{color:#fff;letter-spacing:-.5px;text-shadow:0 4px 12px #00000080;margin-bottom:10px;font-size:42px;font-weight:800}h2{letter-spacing:1px;background:linear-gradient(135deg,#34d058 0%,#ffd43b 50%,#00d4ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 18px #34d0584d);-webkit-background-clip:text;margin-bottom:20px;font-size:52px;font-weight:900}.subtitle{color:#ffffffe0;max-width:650px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}.dot{color:#10b981;margin:0 6px}.timer{perspective:500px;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:45px;display:flex}.box{background:linear-gradient(145deg,#fffffff2,#f0f0f0d9);border-radius:22px;width:125px;padding:22px 12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:translateY(0)rotateX(4deg);box-shadow:0 15px 35px #00000059,0 5px 15px #0003,inset 0 2px #fff}.box:hover{transform:translateY(-8px)rotateX(0)scale(1.04);box-shadow:0 22px 40px #10b9814d,0 8px 20px #00000040}.box h3{background:linear-gradient(#10b981 0%,#047857 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:42px;font-weight:900;line-height:1.1}.box span{color:#4b5563;letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;font-size:12px;font-weight:800;display:block}.form{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:750px;margin:0 auto;display:flex}.input-group input{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #fff3;border-radius:50px;outline:none;width:240px;padding:18px 24px;font-size:15px;transition:all .3s;box-shadow:inset 0 2px 4px #0006}.input-group input::placeholder{color:#ffffff80}.input-group input:focus{background:#0f172ad9;border-color:#10b981;box-shadow:0 0 0 4px #10b98140,inset 0 2px 4px #0006}.btn-3d{cursor:pointer;color:#fff;background:linear-gradient(135deg,#10b981 0%,#0284c7 100%);border:none;border-radius:50px;padding:18px 36px;font-size:16px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #10b98180,0 8px 10px -6px #0000004d,inset 0 1px #fff6}.btn-3d:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 30px -5px #10b98199,0 10px 12px -5px #0006}.btn-3d:active{transform:translateY(1px)scale(.98);box-shadow:0 4px 12px #10b98166}.swal-3d-popup{border:1px solid #ffffff26!important;border-radius:28px!important;box-shadow:0 25px 50px -12px #000000b3!important}@media (width<=768px){body{overflow-y:auto}.card{border-radius:28px;padding:35px 20px}.logo{width:220px}h1{font-size:28px}h2{margin-bottom:15px;font-size:34px}.subtitle{margin-bottom:30px;font-size:15px}.timer{gap:10px;margin-bottom:30px}.box{border-radius:16px;width:72px;padding:14px 6px}.box h3{font-size:26px}.box span{letter-spacing:.5px;font-size:10px}.form{flex-direction:column;width:100%}.input-group,.input-group input,.btn-3d{width:100%}.btn-3d{padding:16px 20px;font-size:16px}}