*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{width:100%;max-width:480px;margin:0 auto}.promo-card{background:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 20px 60px #ff00004d,0 0 40px #ff00001a;text-align:center;position:relative;overflow:hidden}.promo-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,red,#f33,red);border-radius:24px;z-index:-1;opacity:.1;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{opacity:.1}50%{opacity:.2}}.logo-container{margin-bottom:30px}.garena-logo{height:40px;width:auto;filter:drop-shadow(0 2px 8px rgba(255,0,0,.3))}.game-icon{width:120px;height:120px;margin:0 auto 25px;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #00000026,0 0 20px #f003;border:3px solid #ff0000}.game-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{font-size:16px;color:#4a4a4a;margin-bottom:30px;line-height:1.5;font-weight:400}.discount-box{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:16px;padding:24px 20px;margin-bottom:30px;border:2px solid #ff0000;position:relative;box-shadow:0 4px 12px #ff00001a}.discount-text{font-size:18px;color:#2a2a2a;font-weight:600;line-height:1.6}.highlight{color:red;font-weight:700;text-shadow:0 0 10px rgba(255,0,0,.3)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:18px;font-weight:700;padding:18px 40px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #f006,0 0 30px #ff00004d;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff000080,0 0 40px #f006;background:linear-gradient(135deg,#ff1a1a,#d00)}.cta-button:active{transform:translateY(0)}.gift-icon{font-size:24px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.disclaimer{font-size:12px;color:#888;font-style:italic;margin-bottom:15px;line-height:1.4}.terms-link{background:none;border:none;color:#666;font-size:13px;text-decoration:underline;cursor:pointer;font-family:Poppins,sans-serif;transition:color .2s ease;padding:5px}.terms-link:hover{color:red}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:40px 35px;position:relative;box-shadow:0 20px 60px #ff00004d;border:2px solid #ff0000;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:red;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff00004d}.modal-close:hover{background:#c00;transform:rotate(90deg)}.modal h2{font-size:26px;font-weight:700;color:#1a1a1a;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #ff0000}.modal-content{color:#4a4a4a;line-height:1.7}.modal-content p{margin-bottom:18px;font-size:14px}.modal-content strong{color:#1a1a1a;font-weight:600}@media (max-width: 640px){.promo-card{padding:30px 20px;border-radius:20px}.title{font-size:28px}.subtitle{font-size:15px}.discount-text{font-size:16px}.cta-button{font-size:16px;padding:16px 32px;width:100%}.modal{padding:30px 25px;max-height:85vh}.modal h2{font-size:22px}.game-icon{width:100px;height:100px}}@media (max-width: 380px){.promo-card{padding:25px 18px}.title{font-size:24px}.discount-box{padding:20px 16px}.discount-text{font-size:15px}.cta-button{font-size:15px;padding:14px 28px}}