@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;font-family:Cormorant Garamond,serif;background-color:#080113;color:#f3e8c7}body{background-image:radial-gradient(circle at center,#12101e,#080113 80%);position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 50px 80px,#f9d67a,transparent),radial-gradient(1px 1px at 150px 200px,#f9d67a,transparent),radial-gradient(1px 1px at 250px 100px,#f9d67a,transparent),radial-gradient(1px 1px at 350px 300px,#f9d67a,transparent),radial-gradient(1px 1px at 450px 150px,#f9d67a,transparent),radial-gradient(1px 1px at 550px 250px,#f9d67a,transparent),radial-gradient(1px 1px at 650px 100px,#f9d67a,transparent),radial-gradient(1px 1px at 750px 300px,#f9d67a,transparent),radial-gradient(2px 2px at 200px 400px,#c06f3c,transparent),radial-gradient(2px 2px at 400px 100px,#c06f3c,transparent),radial-gradient(2px 2px at 600px 500px,#c06f3c,transparent);background-repeat:repeat;background-size:800px 800px;opacity:.6;z-index:0;pointer-events:none}.intro-screen{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center;position:relative;z-index:1}.intro-content{max-width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.intro-title{font-family:Cinzel,serif;font-size:3.2rem;font-weight:700;color:#f3e8c7;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;line-height:1.2;text-align:center}.intro-subtitle{font-family:Cormorant Garamond,serif;font-size:1.8rem;color:#d4af37;margin-bottom:2rem;font-weight:400;text-align:center}.intro-description{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:#f3e8c7;margin-bottom:1.5rem;line-height:1.4;max-width:80%;text-align:center}.intro-note{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:#f3e8c7;margin-bottom:3rem;font-style:italic;text-align:center}.start-button{font-family:Cinzel,serif;background-color:transparent;color:#f3e8c7;border:2px solid #d4af37;border-radius:30px;padding:1rem 3rem;font-size:1.3rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;margin-top:1.5rem;box-shadow:0 0 15px #d4af3766;font-weight:400}.start-button:hover{background-color:#d4af3733;box-shadow:0 0 15px #d4af3780;transform:scale(1.05)}.email-form-screen{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center;position:relative;z-index:1}.email-form-content{max-width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.email-title{font-family:Cinzel,serif;font-size:3rem;font-weight:600;color:#f3e8c7;margin-bottom:1.5rem;line-height:1.2;text-align:center}.email-subtitle{font-family:Cormorant Garamond,serif;font-size:1.8rem;color:#f3e8c7;margin-bottom:2.5rem;line-height:1.4;text-align:center}.email-instruction{font-family:Cormorant Garamond,serif;font-size:1.6rem;color:#f3e8c7;margin-bottom:1.5rem}.email-form{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.email-input{width:100%;max-width:450px;padding:.8rem 1.5rem;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;background-color:#0000004d;border:2px solid #d4af37;border-radius:4px;color:#f3e8c7}.email-input::placeholder{color:#f3e8c799}.email-benefits{margin:1.5rem 0;width:100%;max-width:450px;text-align:left}.benefit-item{display:flex;align-items:center;margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:1.3rem;color:#f3e8c7}.star-icon{color:#d4af37;margin-right:.8rem;font-size:1.5rem}.consent-checkbox{display:flex;align-items:center;margin:1rem 0 2rem;font-family:Cormorant Garamond,serif;font-size:1.3rem;color:#f3e8c7}.consent-checkbox input{margin-right:.8rem;width:18px;height:18px;accent-color:#d4af37}.reveal-button{font-family:Cinzel,serif;background-color:transparent;color:#f3e8c7;border:2px solid #d4af37;border-radius:30px;padding:1rem 3rem;font-size:1.3rem;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;box-shadow:0 0 15px #d4af3766;font-weight:400;margin-top:1rem}.reveal-button:hover{background-color:#d4af3733;box-shadow:0 0 15px #d4af3780;transform:scale(1.05)}.back-button{font-family:Cinzel,serif;background-color:transparent;color:#f3e8c7;border:2px solid #d4af37;border-radius:30px;padding:1rem 3rem;font-size:1.3rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px #d4af3766;font-weight:400;margin-top:1rem}.back-button:hover{background-color:#d4af3733;box-shadow:0 0 15px #d4af3780;transform:scale(1.05)}.card-image-container{position:absolute;bottom:30px;right:30px;width:180px;height:280px;z-index:2}.card-image{width:100%;height:100%;background-image:url(https://via.placeholder.com/180x280);background-size:cover;border:2px solid #d4af37;border-radius:8px;box-shadow:0 0 20px #d4af3780}.quiz-container{text-align:center;padding:20px;max-width:90%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.quiz-title{font-family:Cinzel,serif;font-size:2rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#f3e8c7}.quiz-question{font-family:Cormorant Garamond,serif;font-size:1.5rem;margin-bottom:1.5rem;color:#f3e8c7}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-button{font-family:Cinzel,serif;background-color:transparent;color:#f3e8c7;border:2px solid #d4af37;padding:.8rem 2rem;font-size:1.2rem;border-radius:30px;cursor:pointer;text-transform:uppercase;text-decoration:none;text-align:center;transition:.3s ease;letter-spacing:.05em;box-shadow:0 0 10px #d4af374d}.quiz-button:hover{background-color:#d4af3733;box-shadow:0 0 15px #d4af3780;transform:scale(1.05)}.quiz-result{text-align:center;margin-top:2rem;font-family:Cormorant Garamond,serif;color:#f3e8c7}.quiz-image{width:100%;max-width:300px;margin-top:1.5rem;border-radius:8px;box-shadow:0 0 20px #d4af3766}.question-container{text-align:center;max-width:90%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;padding:1rem}.question-header{width:100%;text-align:center;margin-bottom:1.5rem}.question-number{font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;color:#d4af37;letter-spacing:.1em}.question-card{width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.question-text{font-family:Cinzel,serif;font-size:2.2rem;font-weight:400;color:#f3e8c7;margin-bottom:2rem;text-align:center;line-height:1.3}.options-container{display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:1rem}.option-card{font-family:Cormorant Garamond,serif;position:relative;width:100%;padding:1rem 1.2rem;border:2px solid #d4af37;border-radius:.5rem;background-color:transparent;cursor:pointer;transition:all .3s ease;color:#f3e8c7;text-align:left;display:flex;align-items:center}.option-card:hover{background-color:#d4af3733;transform:scale(1.02);box-shadow:0 0 15px #d4af3780}.option-content{display:flex;align-items:center;width:100%}.option-icon{margin-right:1.5rem;font-size:1.5rem;color:#d4af37;min-width:30px;display:flex;justify-content:center}.triangle-icon,.knot-icon,.inverted-triangle-icon,.circle-icon{font-size:1.8rem}.option-text{font-size:1.5rem;font-weight:400}.result-screen{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1.5rem 1rem;text-align:center;position:relative;z-index:1;overflow-y:auto}.result-content{max-width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.result-title{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#f3e8c7;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;line-height:1.2}.archetype-name{font-family:Cinzel,serif;font-size:2.8rem;font-weight:600;color:#d4af37;margin-bottom:1.5rem;line-height:1.2}.result-details{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem;text-align:center}.result-detail{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:#f3e8c7;line-height:1.4}.detail-label{font-weight:600;color:#d4af37}.card-container{width:100%;display:flex;justify-content:center;margin-top:.5rem;margin-bottom:2rem}.result-card{width:min(90vw,510px);height:auto;aspect-ratio:.64;border:2px solid #d4af37;border-radius:10px;overflow:hidden;box-shadow:0 0 25px #d4af3799;transition:transform .3s ease}.result-card:hover{transform:scale(1.02)}.result-card img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.intro-title,.email-title{font-size:2.2rem}.intro-subtitle,.email-subtitle{font-size:1.4rem}.intro-description,.intro-note,.email-instruction{font-size:1.1rem;max-width:95%}.start-button,.quiz-button,.reveal-button{font-size:1rem;padding:.8rem 2rem}.question-number{font-size:1.2rem}.question-text{font-size:1.8rem;margin-bottom:1.5rem}.option-text{font-size:1.2rem}.option-icon{font-size:1.3rem;margin-right:1rem}.result-title{font-size:2rem}.archetype-name{font-size:2.2rem}.result-detail{font-size:1.2rem}.card-image-container{width:140px;height:220px;bottom:20px;right:20px}}@media screen and (max-width: 480px){.intro-title,.email-title{font-size:1.8rem;margin-bottom:1rem}.intro-subtitle,.email-subtitle{font-size:1.2rem;margin-bottom:1.5rem}.intro-content,.email-form-content{max-width:95%}.question-number{font-size:1rem}.question-text{font-size:1.4rem;margin-bottom:1.2rem}.option-card{padding:.8rem 1rem}.option-text{font-size:1.1rem}.option-icon{font-size:1.2rem;margin-right:.8rem;min-width:20px}.result-title{font-size:1.6rem}.archetype-name{font-size:1.8rem;margin-bottom:1rem}.result-detail{font-size:1rem}.result-card{width:min(85vw,340px)}.card-image-container{width:100px;height:160px;bottom:10px;right:10px}}.back-button{margin-top:2rem;padding:.8rem 1.6rem;border:none;border-radius:6px;background:#000;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.back-button:hover{opacity:.8}@media screen and (max-height: 700px){.question-container,.result-screen{padding-top:2rem;padding-bottom:2rem;justify-content:flex-start}.result-card{width:min(80vw,340px);max-height:60vh}.question-text{font-size:1.5rem;margin-bottom:1.2rem}}