@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");.travel-spin-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f6f2fa,#ede7f6 50%,#e8eaf6);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2d1b4e;position:relative;overflow:hidden;padding:20px;box-sizing:border-box}.travel-spin-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="clouds" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="2" fill="rgba(139,92,246,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23clouds)"/></svg>');z-index:-1;animation:drift 30s linear infinite}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(-20px)}}.title-section{text-align:center;margin-bottom:2rem;z-index:2}.main-title{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(139,92,246,.2);font-weight:700;letter-spacing:2px;color:#2d1b4e;background:linear-gradient(45deg,#7c3aed,#a855f7,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease infinite,glow 2s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%{filter:drop-shadow(0 0 15px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 25px rgba(168,85,247,.4))}}.subtitle{font-size:1.2rem;opacity:1;font-weight:400;letter-spacing:1px;color:#64748b;text-shadow:1px 1px 2px rgba(139,92,246,.1)}.wheel-section{display:flex;flex-direction:column;align-items:center;z-index:2}.wheel-container{position:relative;display:flex;align-items:center;justify-content:center;width:400px;height:500px}.compass-outer{width:460px;height:460px;border:3px solid rgba(139,92,246,.2);border-radius:50%;z-index:-1;background:linear-gradient(45deg,transparent,rgba(139,92,246,.05),transparent)}.compass-marks,.compass-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-marks{width:480px;height:480px;z-index:1}.compass-marks text{fill:#7c3aed;text-shadow:1px 1px 2px rgba(139,92,246,.3);font-weight:700}.wheel{width:400px;height:400px;border-radius:50%;box-shadow:0 0 30px rgba(139,92,246,.2),0 0 60px rgba(139,92,246,.1);border:8px solid #ffffff;background:#ffffff;transition:opacity .5s ease}.wheel-loading{pointer-events:none}.wheel-segments{filter:drop-shadow(2px 2px 6px rgba(139,92,246,.15));opacity:1!important}.wheel-segments text{text-shadow:1px 1px 3px rgba(0,0,0,.6);fill:#ffffff!important;font-weight:700;opacity:1!important}.wheel-segments path{opacity:1!important}.pointer{top:-20px;transform:translateX(-50%);z-index:10;filter:drop-shadow(0 4px 8px rgba(139,92,246,.3))}.center-circle,.pointer{position:absolute;left:50%}.center-circle{top:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:linear-gradient(45deg,#7c3aed,#a855f7);border-radius:50%;z-index:15;box-shadow:0 0 20px rgba(139,92,246,.3);border:5px solid white;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.invitation-text{text-align:center;font-size:1.1rem;margin-top:1.5rem;padding:15px 25px;background:rgba(255,255,255,.9);border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(139,92,246,.2);max-width:400px;color:#2d1b4e;text-shadow:none;box-shadow:0 8px 25px rgba(139,92,246,.1)}.spin-button{background:linear-gradient(45deg,#7c3aed,#a855f7,#c084fc);border:none;color:#ffffff;font-size:1.3rem;font-weight:700;padding:18px 45px;border-radius:50px;cursor:pointer;margin-top:2rem;box-shadow:0 10px 30px rgba(139,92,246,.3),0 0 0 3px rgba(255,255,255,.8);transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;font-family:Poppins,sans-serif;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.3);background-size:200% 200%;animation:buttonGradient 3s ease infinite}@keyframes buttonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.spin-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px rgba(139,92,246,.4)}.spin-button:active{transform:translateY(-1px)}.spin-button:disabled{background:linear-gradient(45deg,#9ca3af,#d1d5db);cursor:not-allowed;animation:pulse 1.5s ease-in-out infinite;transform:none}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.reward-section{text-align:center;max-width:500px;padding:2rem;background:rgba(255,255,255,.95);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid rgba(139,92,246,.2);z-index:2;box-shadow:0 15px 40px rgba(139,92,246,.15);color:#2d1b4e;animation:resultReveal .8s ease-out;transition:all .3s ease}.reward-section:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(139,92,246,.2)}.celebration-text{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#7c3aed;text-shadow:2px 2px 4px rgba(139,92,246,.2);background:linear-gradient(45deg,#7c3aed,#a855f7,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:celebrationGlow 2s ease-in-out infinite alternate}@keyframes celebrationGlow{0%{filter:drop-shadow(0 0 8px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 15px rgba(139,92,246,.5))}}.destination-result{margin-bottom:2rem;padding:1.5rem;background:rgba(246,242,250,.8);border-radius:15px;border:2px solid rgba(139,92,246,.2);box-shadow:0 8px 25px rgba(139,92,246,.1);transition:all .3s ease}.destination-result:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.2)}.destination-name{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(139,92,246,.2);color:#2d1b4e}.destination-description{font-size:1.2rem;opacity:1;font-weight:400;color:#64748b;text-shadow:none}.reward-link{display:block;text-decoration:none;color:inherit;margin:1.5rem 0;transition:transform .3s ease}.reward-link:hover{transform:scale(1.02)}.prize-image{max-width:200px;max-height:150px;border-radius:15px;box-shadow:0 8px 25px rgba(139,92,246,.15);margin-bottom:1rem}.reward-text{font-size:1.2rem;font-weight:600;margin:0}.coupon-section{margin-top:2rem;padding:1.5rem;background:rgba(236,254,255,.8);border-radius:15px;border:2px solid rgba(6,182,212,.3);box-shadow:0 8px 25px rgba(6,182,212,.1);transition:all .3s ease}.coupon-section:hover{background:rgba(236,254,255,.9)}.claim-button{background:linear-gradient(45deg,#059669,#10b981,#34d399);border:none;color:#ffffff;font-size:1.2rem;font-weight:700;padding:15px 35px;border-radius:50px;cursor:pointer;margin-bottom:1rem;box-shadow:0 8px 25px rgba(16,185,129,.3),0 0 0 2px rgba(255,255,255,.8);transition:all .3s ease;font-family:Poppins,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px}.claim-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(16,185,129,.4)}.claim-button:focus{outline:3px solid rgba(139,92,246,.5);outline-offset:2px}.coupon-code{font-size:1.1rem;margin-top:1rem;padding:12px;background:rgba(255,255,255,.9);border-radius:10px;border:2px solid rgba(139,92,246,.2);color:#2d1b4e;text-shadow:none;box-shadow:0 4px 15px rgba(139,92,246,.1)}.copy-success{margin-top:.5rem;color:#059669;font-weight:600;font-size:.9rem;text-shadow:none}.rarity-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px rgba(139,92,246,.2);border:2px solid rgba(255,255,255,.8)}.discount-display{display:flex;align-items:baseline;justify-content:center;margin:1rem 0;gap:8px}.discount-percentage{font-size:4rem;font-weight:900;background:linear-gradient(45deg,#7c3aed,#a855f7,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(139,92,246,.2);filter:drop-shadow(0 0 10px rgba(139,92,246,.3));animation:discountPulse 2s ease-in-out infinite alternate}.discount-label{font-size:2rem;font-weight:700;color:#2d1b4e;text-shadow:1px 1px 2px rgba(139,92,246,.2)}@keyframes discountPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.probability-info{background:rgba(139,92,246,.1);border:2px solid rgba(139,92,246,.2);border-radius:12px;font-size:1rem;font-weight:600;color:#7c3aed}.probability-info,.terms-info{padding:12px;margin-top:1rem;text-shadow:none}.terms-info{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:10px;font-size:.9rem;color:#059669;line-height:1.4}.floating-icons{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.travel-icon{position:absolute;font-size:2rem;opacity:.15;color:#a855f7;animation:floatTravel 15s ease-in-out infinite}@keyframes floatTravel{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(-15px) rotate(-3deg)}75%{transform:translateY(-25px) rotate(3deg)}}.confirmation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(45deg,#ffffff,#f6f2fa);color:#2d1b4e;padding:2rem 3rem;border-radius:20px;box-shadow:0 20px 60px rgba(139,92,246,.2);z-index:1000;text-align:center;border:3px solid rgba(139,92,246,.3)}.confirmation-message{font-size:1.3rem;font-weight:600;text-shadow:none;color:#2d1b4e}.confirmation-message h3{color:#7c3aed;margin-bottom:1rem}.confirmation-actions{margin-top:1.5rem}.go-home-button{background:linear-gradient(45deg,#7c3aed,#a855f7);border:none;color:#ffffff;font-size:1rem;font-weight:600;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px rgba(139,92,246,.3)}.go-home-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.4)}.go-home-button:focus{outline:3px solid rgba(139,92,246,.5);outline-offset:2px}.travel-spin-container.expanded{justify-content:flex-start;padding-top:3rem}@keyframes resultReveal{0%{transform:scale(.5) rotateY(90deg);opacity:0}50%{transform:scale(1.1) rotateY(45deg)}to{transform:scale(1) rotateY(0deg);opacity:1}}.spin-button:focus{outline:3px solid rgba(139,92,246,.5);outline-offset:2px}@media (max-width:768px){.main-title{font-size:2rem;letter-spacing:1px}.subtitle{font-size:1rem}.wheel-container{width:400px;height:450px;transform:scale(.6)}.compass-outer{width:368px;height:368px}.compass-marks{width:384px;height:384px}.spin-button{font-size:1.1rem;padding:15px 35px;letter-spacing:1px}.reward-section{margin:1rem;padding:1.5rem}.destination-name{font-size:2rem}.destination-description{font-size:1rem}.celebration-text{font-size:1.5rem}.prize-image{max-width:150px;max-height:120px}.confirmation-popup{margin:1rem;padding:1.5rem 2rem}.confirmation-message{font-size:1.1rem}.travel-icon{font-size:1.5rem}}@media (max-width:480px){.travel-spin-container{padding:5px}.main-title{font-size:1.5rem;margin-bottom:.5rem}.subtitle{font-size:.9rem}.wheel-container{width:400px;height:380px;transform:scale(.7)}.compass-outer{width:322px;height:322px}.compass-marks{width:336px;height:336px}.spin-button{font-size:1rem;padding:12px 25px}.invitation-text{font-size:.85rem;padding:12px 20px}.reward-section{padding:1rem}.destination-name{font-size:1.8rem}.prize-image{max-width:120px;max-height:100px}.claim-button{font-size:1rem;padding:12px 25px}.coupon-code{font-size:1rem;padding:10px}}@media (prefers-contrast:high){.travel-spin-container{background:linear-gradient(135deg,#ffffff,#f8fafc)}.wheel{border:10px solid #000000}.compass-outer{border:5px solid #000000}.coupon-section,.destination-result,.invitation-text,.reward-section{background:rgba(255,255,255,.95);border:2px solid #000000}}@media (prefers-reduced-motion:reduce){.main-title,.travel-icon,.travel-spin-container:before{animation:none}.wheel{transition:transform 1s ease-out}.celebration-text,.discount-percentage,.spin-button{animation:none}}@media print{.travel-spin-container{background:white;color:black}.floating-icons,.travel-spin-container:before{display:none}.claim-button,.spin-button{background:#7c3aed;color:white;box-shadow:none}}