*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Fredoka',sans-serif;background:linear-gradient(135deg,#FFE5F1 0,#E5F9FF 50%,#FFF8E1 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;color:#2D1B38}.countdown-bar{width:100%;background:#FFD166;color:#2D1B38;text-align:center;padding:12px;font-size:clamp(0.9rem,3vw,1.2rem);font-weight:700;position:sticky;top:0;z-index:100;box-shadow:0 4px 0 #E6A800}header{padding:20px;width:100%;display:flex;justify-content:center}.logo{max-width:200px;height:auto}main{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;gap:clamp(1.5rem,5vw,2.5rem);max-width:800px;width:100%}h1{font-size:clamp(2.5rem,8vw,5.5rem);line-height:1.2;font-weight:700;text-shadow:4px 4px 0 rgba(255,255,255,0.6)}.highlight{color:#F06292}.trust-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chip{background:white;border:3px solid #7FDBFF;border-radius:50px;padding:10px 24px;font-size:clamp(1rem,3vw,1.4rem);font-weight:700;box-shadow:0 6px 0 #7FDBFF;transform:rotate(-1deg)}.chip:nth-child(2){transform:rotate(1deg);border-color:#B388FF;box-shadow:0 6px 0 #B388FF}.chip:nth-child(3){transform:rotate(-2deg);border-color:#FFC107;box-shadow:0 6px 0 #FFC107}.cta-container{display:flex;flex-direction:column;align-items:center;gap:12px}.cta-button{display:inline-block;background:linear-gradient(180deg,#FF5C8A 0,#E63E6B 100%);color:white;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;text-decoration:none;padding:clamp(0.8em,3vw,1.2em) clamp(2em,8vw,3em);border-radius:100px;border-bottom:8px solid #C6365E;box-shadow:0 12px 0 #C6365E,0 15px 30px rgba(0,0,0,0.15);transition:all .1s ease;animation:bounce 2s infinite;position:relative;overflow:hidden}.cta-button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0.3) 0,rgba(255,255,255,0) 100%);border-radius:100px;pointer-events:none}.cta-button:active{transform:translateY(4px);box-shadow:0 4px 0 #C6365E,0 8px 15px rgba(0,0,0,0.15)}.verified-badge{display:flex;align-items:center;gap:8px;background:white;padding:8px 20px;border-radius:50px;font-size:clamp(0.8rem,2.5vw,1rem);font-weight:700;box-shadow:0 4px 0 #E0E0E0}.padlock{animation:pulse 1.5s infinite}.ticker{background:white;border-radius:50px;padding:10px 20px;font-size:clamp(0.8rem,2.5vw,1rem);box-shadow:0 4px 0 #E0E0E0;max-width:90%}.reward-card{width:100%;max-width:500px;background:white;border-radius:40px;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 15px 0 #B388FF,0 20px 30px rgba(0,0,0,0.1);position:relative;overflow:hidden;min-height:200px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;position:absolute;top:0;left:0;width:100%;height:100%;padding:clamp(1.5rem,5vw,2.5rem);background:white;transition:opacity .5s ease;z-index:2}.skel-item{background:linear-gradient(90deg,#F0F0F0 25%,#E0E0E0 50%,#F0F0F0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:20px}.reward-content{opacity:0;transition:opacity .5s ease;text-align:center}.reward-content h2{font-size:clamp(1.2rem,4vw,1.8rem);margin-bottom:1rem}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:1.5rem 0}.reward-icon{font-size:clamp(2rem,6vw,3rem);background:#F8F9FA;border-radius:20px;padding:15px;box-shadow:0 6px 0 #E0E0E0}.loaded .skeleton-grid{opacity:0;pointer-events:none}.loaded .reward-content{opacity:1}footer{padding:20px;font-size:.9rem;color:#666}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}