@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{min-height:100vh;background:#1a0033;width:100%;min-height:-webkit-fill-available;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.raspapix-container{flex-direction:column;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden auto}.raspapix-background{background:linear-gradient(135deg,#1a0033 0%,#306 50%,#1a0033 100%);width:100%;height:100%;position:absolute;top:0;left:0}.raspapix-content{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 58px;display:flex;position:relative}.raspapix-logo{width:auto;max-width:300px;height:auto}.logo-flav-container{display:inline-block;position:relative}.arrow{color:gold;opacity:0;text-shadow:0 0 10px #ffd700cc;pointer-events:none;font-size:30px;font-weight:700;animation:2s infinite arrowPulse;position:absolute}.arrow-1{animation-delay:0s;top:-40px;left:50%;transform:translate(-50%)rotate(-90deg)}.arrow-2{animation-delay:.3s;top:50%;right:-50px;transform:translateY(-50%)}.arrow-3{animation-delay:.6s;bottom:-40px;left:50%;transform:translate(-50%)rotate(90deg)}.arrow-4{animation-delay:.9s;top:50%;left:-50px;transform:translateY(-50%)rotate(180deg)}.arrow-5{animation-delay:1.2s;top:-30px;right:-30px;transform:rotate(-45deg)}.arrow-6{animation-delay:1.5s;bottom:-30px;left:-30px;transform:rotate(135deg)}@keyframes arrowPulse{0%{opacity:0;transform:translate(-50%)scale(.8)}50%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(.8)}}.arrow-1{animation:2s infinite arrowPulse1}.arrow-2{animation:2s infinite arrowPulse2}.arrow-3{animation:2s infinite arrowPulse3}.arrow-4{animation:2s infinite arrowPulse4}.arrow-5{animation:2s infinite arrowPulse5}.arrow-6{animation:2s infinite arrowPulse6}@keyframes arrowPulse1{0%{opacity:0;transform:translate(-50%)rotate(-90deg)scale(.8)}50%{opacity:1;transform:translate(-50%)rotate(-90deg)scale(1.2)}to{opacity:0;transform:translate(-50%)rotate(-90deg)scale(.8)}}@keyframes arrowPulse2{0%{opacity:0;transform:translateY(-50%)scale(.8)}50%{opacity:1;transform:translateY(-50%)scale(1.2)}to{opacity:0;transform:translateY(-50%)scale(.8)}}@keyframes arrowPulse3{0%{opacity:0;transform:translate(-50%)rotate(90deg)scale(.8)}50%{opacity:1;transform:translate(-50%)rotate(90deg)scale(1.2)}to{opacity:0;transform:translate(-50%)rotate(90deg)scale(.8)}}@keyframes arrowPulse4{0%{opacity:0;transform:translateY(-50%)rotate(180deg)scale(.8)}50%{opacity:1;transform:translateY(-50%)rotate(180deg)scale(1.2)}to{opacity:0;transform:translateY(-50%)rotate(180deg)scale(.8)}}@keyframes arrowPulse5{0%{opacity:0;transform:rotate(-45deg)scale(.8)}50%{opacity:1;transform:rotate(-45deg)scale(1.2)}to{opacity:0;transform:rotate(-45deg)scale(.8)}}@keyframes arrowPulse6{0%{opacity:0;transform:rotate(135deg)scale(.8)}50%{opacity:1;transform:rotate(135deg)scale(1.2)}to{opacity:0;transform:rotate(135deg)scale(.8)}}.raspapix-intro{text-align:center;color:#fff;max-width:800px;margin-bottom:20px;font-size:18px;font-weight:400;line-height:1.6}.raspapix-terms{text-align:center;color:#fff;max-width:800px;margin:0 0 40px;font-size:16px;font-weight:400;line-height:1.6}.raspapix-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9240df 0%,#306 50%,#1a0033 100%);border:none;border-radius:10px;width:400px;max-width:90%;height:60px;margin-bottom:30px;font-size:20px;font-weight:700;transition:opacity .3s}.raspapix-continue-btn:hover{opacity:.9}.raspapix-age-badge{align-items:center;gap:10px;display:flex;position:relative}.raspapix-age-circle{background:#000;border:5px solid #00782e;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.raspapix-age-text{color:#fff;font-size:14px;font-weight:800;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.raspapix-responsibility-text{color:#fff;text-align:left;font-size:12px;font-weight:700;line-height:1.2}.raspapix-footer{z-index:1;max-width:900px;margin:0 auto;padding:40px 58px;position:relative}.raspapix-footer p{text-align:center;color:#fffc;margin:0 0 20px;font-size:12px;font-weight:400;line-height:1.6}.raspapix-footer p:last-child{margin-bottom:0}@media (max-width:768px){.raspapix-container{min-height:auto}.raspapix-content{padding:20px}.raspapix-intro,.raspapix-terms{font-size:12px}.raspapix-continue-btn{width:100%;height:55px;font-size:25px}.raspapix-footer{padding:10px;position:relative;bottom:auto}.raspapix-footer p{font-size:10px}.arrow{font-size:20px}.arrow-1{top:-30px}.arrow-2{right:-35px}.arrow-3{bottom:-30px}.arrow-4{left:-35px}.arrow-5{top:-25px;right:-25px}.arrow-6{bottom:-25px;left:-25px}}.chest-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.chest-background{z-index:0;background:linear-gradient(135deg,#1a0033 0%,#306 50%,#1a0033 100%);position:fixed;inset:0}.chest-background:before{content:"";background-image:radial-gradient(circle at 20%,#ffd7001a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8a2be21a 0%,#0000 50%);animation:10s ease-in-out infinite backgroundPulse;position:absolute;inset:0}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.chest-content{z-index:1;flex-direction:column;flex:1;align-items:center;padding:20px;display:flex;position:relative}.chest-logo{filter:drop-shadow(0 0 10px #ffd7004d);width:150px;height:auto;margin-bottom:20px}.chest-main-title{color:gold;text-align:center;text-shadow:0 0 20px #ffd70080;margin-bottom:10px;font-size:2.5rem;font-weight:700}.chest-instruction{color:#fff;text-align:center;max-width:500px;margin-bottom:30px;font-size:1.1rem}.progress-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffd7004d;border-radius:25px;margin-bottom:40px;padding:12px 30px}.progress-text{color:gold;text-shadow:0 0 10px #ffd70080;font-size:1.2rem;font-weight:700}.chests-grid{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:30px;display:flex}.chest-wrapper{flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.chest-wrapper:has(.chest.next):before{content:"✨";pointer-events:none;opacity:.8;font-size:1.5rem;position:absolute}.chest-wrapper:has(.chest.next):after{content:"✨";pointer-events:none;opacity:.8;font-size:1.5rem;position:absolute}.chest-wrapper:has(.chest.next):before{animation:3s ease-in-out infinite floatStar1;top:15%;left:-20px}.chest-wrapper:has(.chest.next):after{animation:3.5s ease-in-out infinite floatStar2;top:25%;right:-20px}@keyframes floatStar1{0%,to{opacity:.5;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1;transform:translateY(-25px)rotate(180deg)scale(1.3)}}@keyframes floatStar2{0%,to{opacity:.5;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1;transform:translateY(-20px)rotate(-180deg)scale(1.3)}}.chest.next:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffd70033 0%,#ffd7001a 40%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:2s ease-in-out infinite auraGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes auraGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.chest{cursor:pointer;filter:drop-shadow(0 15px 35px #0009);width:180px;height:180px;transition:all .4s;position:relative}.chest-image{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:none;display:block}.chest.next{animation:1.5s ease-in-out infinite bounce,2s ease-in-out infinite glow}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}@keyframes glow{0%,to{filter:drop-shadow(0 15px 35px #0009)drop-shadow(0 0 25px #ffd70080)}50%{filter:drop-shadow(0 15px 35px #0009)drop-shadow(0 0 50px gold)}}.chest.locked{cursor:not-allowed;opacity:.35;filter:drop-shadow(0 5px 15px #0006)grayscale(.5)}.chest:not(.locked):not(.opened):hover{filter:drop-shadow(0 20px 40px #000c)drop-shadow(0 0 30px #ffd70099);transform:scale(1.1)translateY(-8px)}.chest.opening{animation:.3s ease-in-out 3 shake,1s ease-out .5s forwards openingPulse}@keyframes shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-10px)rotate(-4deg)}75%{transform:translate(10px)rotate(4deg)}}@keyframes openingPulse{0%{filter:drop-shadow(0 15px 35px #0009);transform:scale(1)}25%{filter:drop-shadow(0 20px 50px #000c)drop-shadow(0 0 40px #ffd700cc);transform:scale(1.25)}50%{filter:drop-shadow(0 15px 35px #0009)drop-shadow(0 0 50px gold);transform:scale(1.15)}75%{filter:drop-shadow(0 15px 35px #0009)drop-shadow(0 0 45px #ffd700e6);transform:scale(.95)}to{filter:drop-shadow(0 15px 35px #0009)drop-shadow(0 0 30px #ffd70099);transform:scale(1)}}.chest.opening .chest-image{animation:1.5s ease-in-out forwards transitionGlow}@keyframes transitionGlow{0%{filter:brightness()}50%{filter:brightness(1.5)drop-shadow(0 0 40px gold)}to{filter:brightness(1.2)drop-shadow(0 0 25px #ffd700cc)}}.chest.opened .chest-image{animation:2s ease-in-out infinite sparkleChest}@keyframes sparkleChest{0%,to{filter:brightness()drop-shadow(0 0 15px #ffd70099)}50%{filter:brightness(1.2)drop-shadow(0 0 30px gold)}}.chest:after{content:"";z-index:-1;filter:blur(10px);background:radial-gradient(#00000080 0%,#00000040 40%,#0000 70%);border-radius:50%;height:15px;position:absolute;bottom:-15px;left:10%;right:10%}.chest.next:after{animation:2s ease-in-out infinite shadowPulse}@keyframes shadowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.chest.opening:before{content:"";z-index:10;pointer-events:none;background:radial-gradient(circle,#ffd700cc 0%,#ffd70066 30%,#0000 70%);border-radius:50%;width:0;height:0;animation:1s ease-out .5s forwards explosionLight;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes explosionLight{0%{opacity:0;width:0;height:0}30%{opacity:1;width:300px;height:300px}to{opacity:0;width:400px;height:400px}}.chest-number{color:#fff;text-align:center;text-shadow:0 3px 10px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:2px solid #ffffff40;border-radius:25px;padding:10px 24px;font-size:1.2rem;font-weight:700;transition:all .4s;position:relative;box-shadow:0 4px 15px #0000004d}.chest.next~.chest-number{color:gold;text-shadow:0 0 10px #ffd700cc,0 3px 15px #000000b3;background:linear-gradient(135deg,#ffd70040 0%,#ffd70026 100%);border-color:#ffd70080;animation:1.5s ease-in-out infinite numberPulse}@keyframes numberPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #0000004d,0 0 15px #ffd70066}50%{transform:scale(1.08);box-shadow:0 6px 20px #0006,0 0 30px #ffd700cc}}.chest-hint{color:gold;text-align:center;margin-top:20px;font-size:1.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.coupon-card{text-align:center;background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);border:3px solid gold;border-radius:20px;width:100%;max-width:450px;padding:40px 30px;animation:.6s ease-out couponAppear;box-shadow:0 10px 40px #ffd70066}@keyframes couponAppear{0%{opacity:0;transform:scale(.5)rotateY(180deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.coupon-icon{margin-bottom:20px;font-size:4rem;animation:2s ease-in-out infinite rotateGift}@keyframes rotateGift{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.coupon-title{color:#8b4513;text-shadow:2px 2px 4px #0000001a;margin-bottom:10px;font-size:2.5rem;font-weight:700}.coupon-subtitle{color:#555;margin-bottom:30px;font-size:1.2rem}.coupon-code-box{background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border:2px dashed #8b4513;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:inset 0 2px 10px #0000001a}.coupon-label{color:#8b4513;margin-bottom:10px;font-size:.9rem;font-weight:600}.coupon-code{color:#8b4513;letter-spacing:4px;text-shadow:1px 1px 2px #0000001a;font-family:Courier New,monospace;font-size:2rem;font-weight:700}.coupon-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#8b4513 0%,#d2691e 100%);border:none;border-radius:50px;padding:18px 50px;font-size:1.3rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #8b451366}.coupon-btn:hover{background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-2px);box-shadow:0 8px 25px #8b451399}.coupon-btn:active{transform:translateY(0)}.chest-footer{color:#ffffffb3;text-align:center;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;margin-top:auto;padding:30px 20px;font-size:.75rem;line-height:1.6;position:relative}.chest-footer p{max-width:900px;margin:0 auto 15px}.chest-footer p:last-child{margin-bottom:0}@media (max-width:768px){.chest-main-title{font-size:2rem}.chests-grid{gap:35px}.chest{width:150px;height:150px}.chest.next:before{width:180px;height:180px}.coupon-title{font-size:2rem}.coupon-code{font-size:1.5rem}.chest-logo{width:120px}.chest-wrapper:has(.chest.next):before{font-size:1.2rem}.chest-wrapper:has(.chest.next):after{font-size:1.2rem}.chest-number{padding:8px 18px;font-size:1rem}}@media (max-width:480px){.chests-grid{flex-flow:row;justify-content:center;gap:15px;padding:10px 5px}.chest{width:100px;height:100px}.chest.next:before{width:130px;height:130px}.chest:after{height:10px;bottom:-8px}.coupon-card{padding:30px 20px}.coupon-btn{padding:15px 40px;font-size:1.1rem}.chest-wrapper{flex-shrink:0;gap:12px}.chest-wrapper:has(.chest.next):before{font-size:1rem;left:-12px}.chest-wrapper:has(.chest.next):after{font-size:1rem;right:-12px}.chest-number{white-space:nowrap;padding:6px 14px;font-size:.9rem}.progress-indicator{margin-bottom:25px;padding:10px 20px}.progress-text{font-size:1rem}.chest-main-title{margin-bottom:8px;font-size:1.8rem}.chest-instruction{margin-bottom:20px;font-size:1rem}.chest-hint{margin-top:15px;padding:0 10px;font-size:1rem}}@media (max-width:360px){.chest{width:85px;height:85px}.chests-grid{gap:10px}.chest-number{padding:5px 10px;font-size:.8rem}.chest.next:before{width:110px;height:110px}}