@font-face{font-family:Carolina;src:url(/fonts/Carolina.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gotham;src:url(/fonts/Gotham-Book.ttf)format("truetype");font-weight:400;font-style:normal}:root{--background:#fff;--foreground:#171717;--font-carolina:"Carolina",serif;--font-gotham:"Gotham",sans-serif}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{font-family:var(--font-gotham);color:#fff;background-color:#000;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.font-carolina{font-family:var(--font-carolina)}.font-gotham{font-family:var(--font-gotham)}.text-shadow-sm{text-shadow:2px 2px 6px #0003}.text-shadow{text-shadow:2px 2px 6px #0009}.text-shadow-strong{text-shadow:4px 4px 10px #000c}.gradient-hr{border:1px;margin:20px 0;display:block;background:linear-gradient(90deg,#e2a21e 0%,#ffe898 100%)!important;height:2px!important}.gold-button{color:#e2a21e;z-index:3;background-color:#fff;border:2px solid #e2a21e;border-radius:50px;padding:1rem 2.5rem;font-size:1.5rem;transition:all .3s;position:relative;box-shadow:0 4px 6px #0009}.gold-button:hover{color:#e2a21e;background-color:#fff}.gold-button:active{color:#e2a21e!important}.particle-container{width:fit-content;margin:0 auto;position:relative}.glow-bg{filter:blur(22px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ffdf808c 0%,#0000 70%);width:180%;height:180%;position:absolute;top:-40%;left:-40%}.particle-glow-wrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.dot{filter:drop-shadow(0 0 4px #d4a634b3);opacity:.9;z-index:1;background:radial-gradient(circle,#d4a634 0%,#8a6a1f 80%);border-radius:50%;position:absolute}.star{filter:drop-shadow(0 0 8px #fff);z-index:1;background:radial-gradient(circle,#fff 0%,#777 70%);border-radius:50%;position:absolute}.sceneWrapper{width:100%;height:0;position:relative}.overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.logoContainer{aspect-ratio:1;pointer-events:none;width:12vw;max-width:120px;position:absolute;top:1%;left:50%;transform:translate(-50%)}.logo{object-fit:contain}@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (orientation:portrait){.logoContainer{width:14vw;max-width:140px;top:13.5%}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px){.logoContainer{width:15vw;max-width:130px;top:14%}}@media only screen and (min-device-width:744px) and (max-device-width:768px){.logoContainer{width:15vw;max-width:130px;top:13%}}.curtain{width:100%;height:100%;position:fixed;left:0;overflow:hidden}.curtain-top{top:0}@media screen and (orientation:landscape){body,html{color:#000!important;background-color:#000!important;overflow:hidden!important}.sceneWrapper,.overlay,.curtain,.text-center,.particle-container,.logoContainer,.cord,.theaterBackground{display:none!important}.landscape-warning{display:flex!important}}.perfume-card{background:linear-gradient(#fff 0%,#f6f6f6 100%);border:3px solid #d4af37;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:75vw;min-width:420px;max-width:720px;height:88vh;min-height:650px;max-height:1000px;padding:.5rem 1.1rem;display:flex;position:relative;overflow:visible;box-shadow:0 10px 30px #0000002e}.perfume-card-body{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;height:100%;display:flex}.question-number{color:#8b0000;background:#fff;border:3px solid #8b0000;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:10px;display:flex;box-shadow:0 2px 6px #0006}.question-title{text-transform:uppercase;text-align:center}.divider{background:linear-gradient(90deg,#d4af37,#d4af3799);border-radius:2px;width:90%;height:3px;box-shadow:0 2px 6px #0003}.options-container{-webkit-overflow-scrolling:touch;flex-direction:column;gap:14px;width:92%;max-height:calc(82vh - 320px);padding:6px 8px;display:flex}.options-container::-webkit-scrollbar{width:6px;height:6px}.options-container::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}.option-btn{color:#222;text-align:left;background:#fff;border:2px solid #d4af37;border-radius:50px;justify-content:flex-start;align-items:center;gap:1rem;width:100%;padding:.9rem 1rem;font-size:1.4rem;font-weight:600;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 6px #00000026}.option-btn:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.option-btn:active{color:#222!important;background:#8b0000!important;border-color:#d4af37!important}.option-circle{background-color:#0000;border:3px solid #d4af37;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.option-circle.filled{background-color:#8b0000;border-color:#d4af37;box-shadow:0 0 8px #8b000066}.option-text{text-align:center;color:#222;text-shadow:0 1px 2px #0000001a;flex:1;font-weight:600}.option-btn.selected{color:#000;background:#fff;border-color:#d4af37;box-shadow:0 4px 12px #00000026}.next-btn{color:#fff;background:#a40000;border:none;border-radius:40px;padding:1rem 3.5rem;font-size:1.5rem;box-shadow:0 8px 18px #b2222240}.next-btn:hover{color:#fff;background:#b50000;transform:translateY(-2px)}.next-btn:active{color:#fff;background:#8b0000!important}.note{z-index:11;pointer-events:none;position:absolute}.note-left{width:180px;height:auto;bottom:-120px;left:0;transform:translateZ(0)}.note-right{width:180px;height:auto;bottom:-120px;right:20px}@media (min-width:1024px) and (max-width:1366px){.perfume-card{width:72vw!important;max-width:760px!important;height:90vh!important;min-height:720px!important}}@media (max-width:1024px){.perfume-card{width:86vw;max-width:640px;height:94vh;min-height:600px}}.loading-wrapper{width:100%;height:100vh;font-family:var(--font-gotham);color:#fff;position:relative;overflow:hidden}.loading-bg{z-index:0;background:linear-gradient(#a00000 0%,#8a0000 80%);position:absolute;inset:0}.loading-bg-bottom{z-index:1;background-color:#fff;border-top:8px solid #d4af37;width:100%;height:15%;position:absolute;bottom:0}.loading-center{z-index:5;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.loading-circle{width:250px;height:250px;position:relative}.loading-logo-wrapper{transform-origin:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:26%;left:22%;transform:translate(-50%,-50%)}.loading-logo{object-fit:contain}.progress-ring{width:250px;height:250px;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff40}.progress-ring-progress{fill:none;stroke:#d4af37;stroke-linecap:round;transition:stroke-dashoffset .4s}.loading-text{text-transform:uppercase;text-align:center;font-family:var(--font-carolina);margin-top:20px}.loading-percent{color:#fff;font-size:1.5rem}.curtains-overlay{z-index:5;pointer-events:none;margin-top:5rem;position:absolute;inset:0}.curtains-image{object-fit:contain;object-position:center}.loading-brand{text-align:center;width:100%;font-family:var(--font-carolina);color:#000;letter-spacing:1px;z-index:6;font-size:1.5rem;position:absolute;bottom:3%}.result-wrapper{width:100%;height:100vh;font-family:var(--font-gotham);color:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.result-bg-bottom{z-index:1;background-color:#fff;border-top:6px solid #d4af37;width:100%;height:35%;position:absolute;bottom:0}.result-center{z-index:5;color:#000;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.result-brand{text-align:center;color:#000;letter-spacing:1px;z-index:6;width:80%;font-size:1.3rem;position:absolute;bottom:5%}.result-glow-bg{filter:blur(22px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ffdf808c 0%,#0000 70%);width:100%;height:30%;position:absolute;top:30%;left:2%}.result-text{text-transform:uppercase;text-align:center;font-family:var(--font-carolina);margin-top:10%}.w-90{width:90%}.w-80{width:80%}