*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;line-height:1.6;position:relative;overflow-x:hidden}.background-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-element{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite}.floating-element:not(.element-orange-1):not(.element-orange-2){background:#00000008}.element-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.element-2{width:60px;height:60px;top:20%;right:15%;animation-delay:1s}.element-3{width:100px;height:100px;bottom:20%;left:5%;animation-delay:2s}.element-4{width:40px;height:40px;top:60%;right:10%;animation-delay:3s}.element-5{width:70px;height:70px;bottom:10%;right:20%;animation-delay:4s}.element-6{width:50px;height:50px;top:40%;left:3%;animation-delay:5s}.element-orange-1{width:90px;height:90px;top:15%;right:5%;background:linear-gradient(135deg,#ffa5001a,#ff8c000d);animation-delay:1.5s;border:2px solid rgba(255,165,0,.1)}.element-orange-2{width:65px;height:65px;bottom:25%;left:8%;background:linear-gradient(135deg,#ff8c0014,#ffa50008);animation-delay:4.5s;border:2px solid rgba(255,140,0,.08)}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.1}}.container{width:100%;max-width:400px;margin:0 auto;position:relative;z-index:1}.reward-card{background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a,0 5px 15px #0000000d;border:2px solid #f0f0f0;padding:40px 30px;text-align:center;position:relative;overflow:hidden;animation:cardEntrance .8s ease-out}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#ff8c00,#000)}.app-icon{margin-bottom:25px;position:relative;display:inline-block}.ff-logo{width:80px;height:80px;background:linear-gradient(135deg,#000,#333);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;box-shadow:0 8px 25px #0003;position:relative;animation:logoGlow 2s ease-in-out infinite alternate;border:2px solid rgba(255,140,0,.2)}@keyframes logoGlow{0%{box-shadow:0 8px 25px #0003}to{box-shadow:0 8px 25px #0000004d,0 0 20px #ff8c0033}}.ff-text{font-size:28px;font-weight:700;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hot-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:2px;box-shadow:0 2px 8px #ff44444d;animation:hotPulse 1.5s ease-in-out infinite}@keyframes hotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hot-badge svg{width:12px;height:12px}.title{font-size:28px;font-weight:700;color:#000;margin-bottom:15px;letter-spacing:-.5px;animation:titleBounce .6s ease-out .3s both}@keyframes titleBounce{0%{opacity:0;transform:translateY(20px)}60%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.description{font-size:16px;color:#333;margin-bottom:25px;font-weight:500;animation:fadeInUp .6s ease-out .5s both}.orange-highlight{color:#ff8c00;font-weight:700;text-shadow:0 0 10px rgba(255,140,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.highlight-box{background:linear-gradient(135deg,#f8f8f8,#f0f0f0);border:2px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:30px;position:relative;animation:fadeInUp .6s ease-out .7s both;overflow:hidden}.orange-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff8c00,orange,#ff8c00);animation:accentPulse 2s ease-in-out infinite}@keyframes accentPulse{0%,to{opacity:.7}50%{opacity:1}}.highlight-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,140,0,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.highlight-text{font-size:16px;color:#000;margin:0;line-height:1.4;position:relative;z-index:1}.orange-text{color:#ff8c00;font-weight:700;text-shadow:0 0 10px rgba(255,140,0,.3);animation:orangeGlow 2s ease-in-out infinite alternate}@keyframes orangeGlow{0%{text-shadow:0 0 10px rgba(255,140,0,.3)}to{text-shadow:0 0 15px rgba(255,140,0,.5)}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#000,#333);color:#fff;text-decoration:none;font-weight:700;font-size:16px;padding:16px 32px;border-radius:12px;transition:all .3s ease;box-shadow:0 6px 20px #0003;margin-bottom:25px;letter-spacing:.5px;width:100%;max-width:280px;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out .9s both;border:2px solid rgba(255,140,0,.3)}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,140,0,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{background:linear-gradient(135deg,#333,#555);transform:translateY(-3px);box-shadow:0 8px 25px #0000004d,0 0 20px #ff8c0033;border-color:#ff8c00}.cta-button:active{transform:translateY(-1px);box-shadow:0 4px 15px #0003}.gift-icon{font-size:18px;animation:giftBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,140,0,.5))}@keyframes giftBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.disclaimer{font-size:12px;color:#666;margin:0;opacity:.8;animation:fadeInUp .6s ease-out 1.1s both}@media (max-width: 480px){body{padding:15px}.reward-card{padding:30px 20px;border-radius:16px}.title{font-size:24px}.description,.highlight-text{font-size:15px}.cta-button{font-size:15px;padding:14px 28px}.ff-logo{width:70px;height:70px}.ff-text{font-size:24px}.floating-element{display:none}}@media (max-width: 360px){.reward-card{padding:25px 15px}.title{font-size:22px}.cta-button{padding:12px 24px;font-size:14px}}