body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#000;color:#fff;font-family:Playfair Display,serif;overflow-x:hidden}.App{min-height:100vh;position:relative}.particles-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.loading-screen{align-items:center;background:radial-gradient(circle,#1a0a0f,#000);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}.spinner{animation:spin 1s linear infinite;border:4px solid #ff4d6d4d;border-radius:50%;border-top-color:#ff4d6d;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:#ffc2d1;font-size:18px;margin-top:20px}.intro{align-items:center;background:radial-gradient(circle,#1a0a0f,#000);cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .5s;z-index:10}.intro-content{padding:20px;text-align:center}.intro-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease;background:linear-gradient(135deg,#ff4d6d,#ffc2d1);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,6vw,48px);margin-bottom:20px}.intro-subtitle{animation:fadeInUp 1s ease .2s backwards;color:#ffc2d1;font-size:clamp(18px,3vw,24px);margin-bottom:30px}.intro-cta{animation:pulse 2s infinite,fadeInUp 1s ease .4s backwards;color:#fff;font-size:clamp(20px,3.5vw,28px)}.sparkle{animation:sparkle 1.5s infinite;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.card{background:url(/static/media/a_digital_illustration_features_a_soft_pink_textur.8a2bc900dc2b506d2779.png) no-repeat 50%/cover,linear-gradient(135deg,#ffc2d1,#ff4d6d);border-radius:18px;box-shadow:0 20px 60px #ff4d6d66;height:min(720px,85vh);left:50%;opacity:0;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);width:min(420px,90vw);z-index:5}.card.show{animation:cardEnter 1.5s ease forwards}@keyframes cardEnter{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.card-content{height:100%;padding:20px;position:relative;width:100%}.text{color:#7a1f3d;left:0;position:absolute;text-align:center;width:100%}.name{animation:fadeInDown 1s ease .5s backwards;font-family:Great Vibes,cursive;font-size:clamp(48px,10vw,66px);top:clamp(120px,20%,105px)}.cumple{animation:fadeInDown 1s ease .7s backwards;font-size:clamp(20px,4vw,24px);top:clamp(150px,26%,195px)}.number{-webkit-text-fill-color:#0000;animation:glow 2s infinite alternate,fadeInDown 1s ease .9s backwards;background:linear-gradient(180deg,#d6336c,#8b1e3f);-webkit-background-clip:text;filter:drop-shadow(0 4px 8px rgba(214,51,108,.35));font-family:Playfair Display,serif;font-size:clamp(60px,12vw,80px);font-style:italic;font-weight:600;letter-spacing:1px;position:absolute;right:clamp(60px,15%,105px);top:clamp(125px,20%,163px)}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(176,48,96,.4))}to{filter:drop-shadow(0 0 15px rgba(176,48,96,.9))}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.phrase{animation:fadeIn 1s ease 1.1s backwards;font-size:clamp(18px,3.5vw,21px);left:11%;line-height:1.4;top:clamp(220px,35%,270px);width:78%}.date{animation:fadeIn 1s ease 1.3s backwards;font-weight:600;top:clamp(300px,45%,350px)}.date,.time{font-size:clamp(20px,4vw,24px)}.time{animation:fadeIn 1s ease 1.5s backwards;top:clamp(340px,50%,395px)}.place{animation:fadeIn 1s ease 1.7s backwards;font-size:clamp(19px,3.8vw,22px);top:clamp(380px,55%,445px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.box{animation:fadeIn 1s ease 1.9s backwards;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff6;border:1px solid #ffffff4d;border-radius:22px;color:#1a0a0f;padding:14px;text-align:center;top:clamp(430px,65%,505px);width:72%}.box,.btn{font-size:clamp(16px,3vw,18px);left:50%;position:absolute;transform:translateX(-50%)}.btn{animation:fadeIn 1s ease 2.1s backwards;background:linear-gradient(45deg,#ff4d6d,#c9184a);border:none;border-radius:30px;bottom:clamp(30px,5%,40px);box-shadow:0 5px 15px #ff4d6d66;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-weight:700;padding:12px 32px;transition:all .3s ease}.btn:hover{box-shadow:0 8px 20px #ff4d6d99;transform:translateX(-50%) translateY(-2px)}.btn:active{transform:translateX(-50%) translateY(0)}.modal{align-items:center;animation:fadeIn .3s ease;background:#000000f2;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.modal-content{background:linear-gradient(135deg,#1a0a0f,#2a1520);border:2px solid #ff4d6d4d;border-radius:20px;box-shadow:0 20px 60px #ff4d6d4d;max-height:90vh;max-width:600px;overflow-y:auto;padding:clamp(20px,5vw,40px);width:100%}.quiz-container{text-align:center}.quiz-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff4d6d,#ffc2d1);-webkit-background-clip:text;font-size:clamp(24px,5vw,32px);margin-bottom:20px}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;margin-bottom:20px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ff4d6d,#ffc2d1);height:100%;transition:width .3s ease}.question-counter{color:#ffc2d1;font-size:clamp(14px,3vw,16px);margin-bottom:20px}.question-box{background:#ffffff0d;border-radius:15px;margin-bottom:20px;padding:clamp(20px,4vw,30px)}.question-text{color:#fff;font-size:clamp(18px,4vw,22px);line-height:1.4;margin-bottom:20px}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option-btn{background:#ffffff1a;border:2px solid #ff4d6d4d;border-radius:12px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:clamp(14px,3vw,16px);padding:15px 20px;transition:all .3s ease}.option-btn:hover{background:#ff4d6d33;border-color:#ff4d6d;transform:translateY(-2px)}.option-btn.selected{background:linear-gradient(135deg,#ff4d6d,#c9184a);border-color:#ff4d6d;box-shadow:0 5px 15px #ff4d6d66}.option-btn:disabled{cursor:not-allowed;opacity:.5}.next-btn{background:linear-gradient(45deg,#ff4d6d,#c9184a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:clamp(16px,3.5vw,18px);font-weight:700;padding:15px;transition:all .3s ease;width:100%}.next-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff4d6d99;transform:translateY(-2px)}.next-btn:disabled{cursor:not-allowed;opacity:.5}.wheel-container{text-align:center}.wheel-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff4d6d,#ffc2d1);-webkit-background-clip:text;font-size:clamp(24px,5vw,32px);margin-bottom:15px}.wheel-instruction{color:#ffc2d1;font-size:clamp(14px,3vw,16px);line-height:1.4;margin-bottom:20px}.wheel-wrapper{height:min(280px,80vw);margin:20px auto;position:relative;width:min(280px,80vw)}.wheel-pointer{color:#ff4d6d;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:30px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);z-index:10}.wheel{align-items:center;background:conic-gradient(#ff4d6d 0deg 40deg,#ffc2d1 40deg 80deg,#fff 80deg 120deg,#ff4d6d 120deg 160deg,#ffc2d1 160deg 200deg,#fff 200deg 240deg,#ff4d6d 240deg 280deg,#ffc2d1 280deg 320deg,#fff 320deg 1turn);border:8px solid #ff4d6d;border-radius:50%;box-shadow:0 10px 30px #ff4d6d80;display:flex;height:100%;justify-content:center;position:relative;width:100%}.wheel-segment{font-size:clamp(24px,5vw,32px);pointer-events:none;position:absolute}.segment-1{transform:rotate(20deg) translateY(-90px)}.segment-2{transform:rotate(60deg) translateY(-90px)}.segment-3{transform:rotate(100deg) translateY(-90px)}.segment-4{transform:rotate(140deg) translateY(-90px)}.segment-5{transform:rotate(180deg) translateY(-90px)}.segment-6{transform:rotate(220deg) translateY(-90px)}.segment-7{transform:rotate(260deg) translateY(-90px)}.segment-8{transform:rotate(300deg) translateY(-90px)}.segment-9{transform:rotate(340deg) translateY(-90px)}.spin-btn{background:linear-gradient(45deg,#ff4d6d,#c9184a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:clamp(16px,3.5vw,18px);font-weight:700;margin-top:20px;max-width:250px;padding:15px;transition:all .3s ease;width:100%}.spin-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff4d6d99;transform:translateY(-2px)}.spin-btn:disabled{cursor:not-allowed;opacity:.5}.result-container{animation:fadeIn .5s ease;margin-top:20px}.result-box{border-radius:15px;margin-bottom:15px;padding:20px}.result-box.has-prize{background:linear-gradient(135deg,#ff4d6d33,#ffc2d133);border:2px solid #ff4d6d}.result-box.no-prize{background:#ffffff0d;border:2px solid #fff3}.result-prize{font-size:clamp(32px,6vw,48px);margin-bottom:10px}.result-message{color:#ffc2d1;font-size:clamp(16px,3.5vw,20px)}.result-footer{color:#fff;font-size:clamp(14px,3vw,16px)}.countdown-container{align-items:center;animation:pulse 2s ease-in-out infinite;background:#ff4d6d33;border:1px solid #ff4d6d66;border-radius:25px;display:flex;gap:8px;justify-content:center;margin:15px 0;padding:10px 20px}.countdown-icon{font-size:20px}.countdown-text{color:#ffc2d1;font-size:clamp(14px,3vw,16px);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.expired-screen{align-items:center;background:radial-gradient(circle,#1a0a0f,#000);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.expired-content{animation:fadeIn .5s ease;max-width:500px;text-align:center}.expired-icon{animation:shake .5s ease-in-out;font-size:clamp(60px,12vw,80px);margin-bottom:20px}.expired-content h1{color:#ff4d6d;font-family:Playfair Display,serif;font-size:clamp(28px,6vw,40px);margin-bottom:20px}.expired-message{color:#ffc2d1;font-size:clamp(16px,4vw,20px);line-height:1.5;margin-bottom:15px}.expired-submessage{color:#ffc2d1cc;font-size:clamp(14px,3.5vw,18px);line-height:1.6}.expired-emoji{font-size:clamp(40px,8vw,60px);margin-top:25px}.error-screen{align-items:center;background:radial-gradient(circle,#1a0a0f,#000);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.error-content{max-width:500px;text-align:center}.error-icon{animation:shake .5s ease;font-size:clamp(60px,12vw,80px);margin-bottom:20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-title{color:#ff4d6d;font-size:clamp(32px,6vw,48px);margin-bottom:20px}.error-message{color:#ffc2d1;font-size:clamp(16px,3.5vw,20px);line-height:1.6;margin-bottom:30px}.error-btn{background:linear-gradient(45deg,#ff4d6d,#c9184a);border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:clamp(16px,3vw,18px);font-weight:700;padding:12px 32px;transition:all .3s ease}.error-btn:hover{box-shadow:0 8px 20px #ff4d6d99;transform:translateY(-2px)}@media (max-width:480px){.card{border-radius:0;height:100vh;width:100vw}.modal-content{border-radius:15px;padding:20px}.options-grid{grid-template-columns:1fr}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ff4d6d80;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ff4d6db3}
/*# sourceMappingURL=main.a0d27cca.css.map*/