*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2d1b3d,#8b5cf6);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:hidden}.container{width:100%;max-width:420px;margin:0 auto}.promotion-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px 32px;box-shadow:0 20px 60px #8b5cf64d,0 8px 32px #0000001a;text-align:center;border:1px solid rgba(139,92,246,.2);transition:transform .3s ease,box-shadow .3s ease}.promotion-card:hover{transform:translateY(-8px);box-shadow:0 25px 80px #8b5cf666,0 12px 40px #00000026}.logo-section{margin-bottom:32px}.promo-logo{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;box-shadow:0 4px 16px #8b5cf64d}.promo-text{font-size:18px;font-weight:700;color:#fff;letter-spacing:2px}.game-icon{margin-bottom:32px;display:flex;justify-content:center}.ff-icon{width:80px;height:80px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #8b5cf633;border:3px solid rgba(139,92,246,.3);transition:transform .3s ease}.ff-icon:hover{transform:scale(1.05)}.ff-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px;font-weight:900;color:#8b5cf6;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.main-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.2}.celebration{font-size:36px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.subtitle{font-size:16px;color:#4a5568;margin-bottom:32px;line-height:1.5;font-weight:400}.offer-box{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #8b5cf6;border-radius:16px;padding:24px;margin-bottom:32px;position:relative;overflow:hidden}.offer-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s}.offer-box:hover:before{left:100%}.offer-text{font-size:18px;color:#1a1a1a;font-weight:600;line-height:1.4}.cta-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:18px 36px;border-radius:16px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf64d;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666}.cta-button:active{transform:translateY(0)}.gift-icon{font-size:18px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.footer-notice{font-size:12px;color:#718096;line-height:1.4;margin-bottom:20px}.terms-section{border-top:1px solid rgba(139,92,246,.2);padding-top:20px}.terms-link{background:none;border:none;color:#8b5cf6;font-size:14px;text-decoration:underline;cursor:pointer;font-family:Poppins,sans-serif;transition:color .3s ease}.terms-link:hover{color:#7c3aed}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;font-weight:600}.close{color:#fff;font-size:32px;font-weight:700;cursor:pointer;line-height:1;transition:opacity .3s ease}.close:hover{opacity:.7}.modal-body{padding:32px;max-height:calc(80vh - 100px);overflow-y:auto}.terms-content h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(139,92,246,.2)}.terms-content h3:first-child{margin-top:0}.terms-content p{color:#4a5568;line-height:1.6;margin-bottom:16px;font-size:14px}.compliance-notice{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #8b5cf6;border-radius:12px;padding:20px;margin-top:32px}.compliance-notice h3{color:#8b5cf6!important;border-bottom:none!important;margin-bottom:16px!important}.compliance-notice p{color:#2d3748!important;font-weight:500}@media (max-width: 768px){body{padding:16px}.promotion-card{padding:32px 24px;border-radius:20px}.main-title{font-size:28px}.subtitle{font-size:15px}.offer-text{font-size:16px}.cta-button{padding:16px 28px;font-size:15px}.modal-content{width:95%;margin:10% auto}.modal-header,.modal-body{padding:20px}.modal-header h2{font-size:20px}}@media (max-width: 480px){.promotion-card{padding:24px 20px}.main-title{font-size:24px}.promo-text{font-size:16px;letter-spacing:1px}.ff-icon{width:70px;height:70px}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#7c3aed}