@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Jost:wght@300;400;500;600&display=swap);.container *,.container *::before,.container *::after{box-sizing:border-box}.container{max-width:680px!important;width:100%!important;margin:0 auto!important;padding:40px 20px 80px!important;font-family:'Jost',sans-serif!important;color:#1a1a2e!important;background:transparent!important;-webkit-font-smoothing:antialiased}.container .quiz-header{background:#1a1a2e!important;border-radius:20px!important;padding:52px 44px 44px!important;text-align:center!important;margin-bottom:24px!important;box-shadow:0 20px 60px rgb(26 26 46 / .25)!important;position:relative!important;overflow:hidden!important}.container .quiz-header::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;border:1px solid rgb(201 168 106 / .15);border-radius:50%;pointer-events:none}.container .quiz-header h1{font-family:'Cormorant Garamond',serif!important;font-size:2.4rem!important;font-weight:700!important;color:#ffffff!important;line-height:1.25!important;margin:0 0 14px 0!important;padding:0!important}.container .quiz-header .subtitle{font-size:1.05rem!important;color:#c9a86a!important;font-style:italic!important;margin:0 0 18px 0!important}.container .quiz-header p:last-child{font-size:0.95rem!important;color:rgb(255 255 255 / .6)!important;line-height:1.7!important;max-width:480px!important;margin:0 auto!important;font-weight:300!important}.container .progress-bar{height:4px!important;background:#e2d9f3!important;border-radius:2px!important;margin-bottom:24px!important;overflow:hidden!important}.container .progress-fill{height:100%!important;background:linear-gradient(90deg,#667eea,#c9a86a)!important;border-radius:2px!important;transition:width .4s ease!important}.container .email-form{background:#ffffff!important;border-radius:20px!important;padding:44px!important;box-shadow:0 12px 48px rgb(26 26 46 / .12)!important;margin-bottom:24px!important;text-align:center!important;border-top:4px solid #764ba2!important}.container .email-form h2{font-family:'Cormorant Garamond',serif!important;font-size:2rem!important;font-weight:700!important;color:#1a1a2e!important;margin:0 0 12px 0!important}.container .email-form p{font-size:1rem!important;color:#4a5568!important;margin:0 0 32px 0!important;line-height:1.65!important;font-weight:300!important}.container .form-group{margin-bottom:20px!important;text-align:left!important}.container .form-group label{display:block!important;margin-bottom:8px!important;color:#1a1a2e!important;font-weight:600!important;font-size:0.78rem!important;text-transform:uppercase!important;letter-spacing:.1em!important}.container .form-group input{width:100%!important;padding:15px 20px!important;border:1.5px solid #e2d9f3!important;border-radius:12px!important;font-family:'Jost',sans-serif!important;font-size:1rem!important;color:#1a1a2e!important;background:#faf8ff!important;transition:all .25s ease!important;outline:none!important;-webkit-appearance:none!important}.container .form-group input:focus{border-color:#764ba2!important;background:#ffffff!important;box-shadow:0 0 0 3px rgb(118 75 162 / .1)!important}.container .form-group input::placeholder{color:#b0b8cc!important}.container .quiz-container{background:#ffffff!important;border-radius:20px!important;padding:44px!important;box-shadow:0 12px 48px rgb(26 26 46 / .12)!important;border-top:4px solid #667eea!important}.container .question-counter{text-align:center!important;color:#764ba2!important;font-size:0.78rem!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin-bottom:28px!important}.container .question{display:none!important}.container .question.active{display:block!important;animation:qFadeUp .4s ease both!important}@keyframes qFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.container .question h3{font-family:'Cormorant Garamond',serif!important;font-size:1.65rem!important;font-weight:600!important;color:#1a1a2e!important;margin:0 0 28px 0!important;line-height:1.4!important}.container .options{display:flex!important;flex-direction:column!important;gap:12px!important}.container .option{background:#faf8ff!important;border:1.5px solid #e2d9f3!important;border-radius:14px!important;padding:18px 22px!important;cursor:pointer!important;transition:all .25s ease!important;position:relative!important;overflow:hidden!important}.container .option::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);opacity:0;transition:opacity .2s}.container .option:hover{border-color:#9b6fbe!important;background:#f0ebff!important;transform:translateX(5px)!important}.container .option:hover::before{opacity:1}.container .option.selected{border-color:#764ba2!important;background:linear-gradient(135deg,#ede7ff,#e6dfff)!important;box-shadow:0 4px 18px rgb(118 75 162 / .15)!important}.container .option.selected::before{opacity:1}.container .option input{display:none!important}.container .option label{cursor:pointer!important;display:block!important;color:#1a1a2e!important;font-size:1rem!important;line-height:1.6!important;font-weight:400!important}.container .navigation{margin-top:32px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.container .btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#ffffff!important;border:none!important;padding:15px 36px!important;border-radius:50px!important;font-family:'Jost',sans-serif!important;font-size:0.85rem!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 6px 22px rgb(118 75 162 / .3)!important;min-width:130px!important}.container .btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px rgb(118 75 162 / .4)!important}.container .btn:disabled{background:#c8d0e0!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.container .btn-secondary{background:transparent!important;border:1.5px solid #764ba2!important;color:#764ba2!important;box-shadow:none!important}.container .btn-secondary:hover{background:#764ba2!important;color:#ffffff!important}.container .loading-container{text-align:center!important;padding:48px 20px!important}.container .loading-spinner{margin:0 auto 28px!important;width:64px!important;height:64px!important;position:relative!important}.container .spinner{width:100%!important;height:100%!important;border:3px solid rgb(118 75 162 / .15)!important;border-top:3px solid #764ba2!important;border-radius:50%!important;animation:qSpin .8s linear infinite!important}@keyframes qSpin{to{transform:rotate(360deg)}}.container .loading-container h3{font-family:'Cormorant Garamond',serif!important;font-size:1.7rem!important;color:#1a1a2e!important;margin:0 0 8px 0!important}.container .loading-text{color:#a0aec0!important;font-size:0.9rem!important;margin-bottom:28px!important}.container .loading-steps{display:flex!important;flex-direction:column!important;gap:10px!important;max-width:340px!important;margin:0 auto!important}.container .step{display:flex!important;align-items:center!important;padding:11px 18px!important;background:#faf8ff!important;border-radius:8px!important;font-size:0.9rem!important;color:#4a5568!important;opacity:.4!important;transition:all .4s ease!important;border-left:3px solid #e2d9f3!important}.container .step.active{opacity:1!important;background:#f0ebff!important;border-left-color:#764ba2!important;animation:qPulse 1.8s infinite!important}.container .step.completed{opacity:1!important;background:linear-gradient(135deg,#48bb78,#38a169)!important;color:white!important;border-left-color:#48bb78!important;animation:none!important}@keyframes qPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.container .result-container.hidden{display:none!important}.container .result-container.active{display:block!important;animation:qFadeUp .5s ease both!important}.container .archetype-top{background:#1a1a2e!important;border-radius:20px!important;padding:56px 40px 48px!important;text-align:center!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 60px rgb(26 26 46 / .3)!important;margin-bottom:20px!important}.container .archetype-top::before{content:'';position:absolute;top:-80px;right:-80px;width:260px;height:260px;border:1px solid rgb(201 168 106 / .1);border-radius:50%;pointer-events:none}.container .archetype-image{width:110px!important;height:110px!important;border-radius:50%!important;margin:0 auto 28px!important;background:rgb(201 168 106 / .12)!important;border:2px solid rgb(201 168 106 / .3)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:3rem!important;position:relative!important;z-index:1!important}.container .archetype-title{font-family:'Cormorant Garamond',serif!important;font-size:2.2rem!important;font-weight:700!important;color:#ffffff!important;margin:0 0 10px 0!important;line-height:1.2!important;position:relative;z-index:1}.container .archetype-subtitle{font-family:'Cormorant Garamond',serif!important;font-size:1.1rem!important;color:#c9a86a!important;font-style:italic!important;margin:0!important;position:relative;z-index:1}.container .archetype-description-card{background:#ffffff!important;border-radius:20px!important;padding:40px 44px!important;box-shadow:0 8px 32px rgb(26 26 46 / .08)!important;margin-bottom:20px!important;border-left:4px solid #667eea!important}.container .archetype-description{font-size:1rem!important;color:#4a5568!important;line-height:1.8!important}.container .archetype-description h4{font-family:'Cormorant Garamond',serif!important;color:#1a1a2e!important;font-size:1.25rem!important;font-weight:700!important;margin:28px 0 10px 0!important}.container .archetype-description p,.container .archetype-description li{margin-bottom:8px!important;font-size:1rem!important;color:#4a5568!important}.container .archetype-description ul{list-style:none!important;padding-left:0!important}.container .archetype-description ul li::before{content:'✦ '!important;color:#764ba2!important;font-size:0.75rem!important}.container .key-verse{background:#f3eeff!important;border:1px solid rgb(118 75 162 / .18)!important;border-radius:20px!important;padding:36px 40px!important;text-align:center!important;margin-bottom:20px!important}.container .key-verse h4{font-size:0.75rem!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#764ba2!important;margin:0 0 16px 0!important}.container .key-verse p{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;color:#1a1a2e!important;font-size:1.25rem!important;line-height:1.6!important;margin:0 0 12px 0!important}.container .key-verse .reference{font-style:normal!important;font-weight:700!important;font-size:0.85rem!important;color:#764ba2!important;display:block!important;text-align:right!important}.container .secondary-archetypes{background:#ffffff!important;border-radius:20px!important;padding:36px 44px!important;box-shadow:0 8px 32px rgb(26 26 46 / .08)!important;margin-bottom:20px!important}.container .secondary-archetypes h3{font-family:'Cormorant Garamond',serif!important;font-size:1.4rem!important;font-weight:700!important;color:#1a1a2e!important;margin:0 0 20px 0!important;padding-bottom:14px!important;border-bottom:1px solid #e2d9f3!important}.container .secondary-archetype{padding:18px 22px!important;background:#faf8ff!important;border-radius:12px!important;margin-bottom:12px!important;border-left:3px solid #667eea!important}.container .secondary-archetype h4{color:#764ba2!important;font-size:1rem!important;font-weight:600!important;margin:0 0 5px 0!important}.container .secondary-archetype p{font-size:0.92rem!important;color:#4a5568!important;line-height:1.55!important;margin:0!important}.container .action-buttons{display:flex!important;gap:14px!important;justify-content:center!important;margin-top:28px!important}.container .error-container{text-align:center!important;padding:44px 20px!important}.container .error-icon{font-size:3rem!important;margin-bottom:16px!important}.container .error-container h3{color:#e53e3e!important;font-size:1.4rem!important;margin:0 0 10px 0!important}.container .error-message{font-size:0.95rem!important;color:#4a5568!important;margin-bottom:24px!important;line-height:1.6!important}@media (max-width:600px){.container{padding:20px 14px 60px!important}.container .quiz-header{padding:36px 24px 32px!important}.container .quiz-header h1{font-size:1.75rem!important}.container .email-form,.container .quiz-container{padding:32px 22px!important}.container .question h3{font-size:1.3rem!important}.container .archetype-top{padding:40px 22px 36px!important}.container .archetype-title{font-size:1.7rem!important}.container .archetype-description-card,.container .secondary-archetypes,.container .key-verse{padding:28px 22px!important}.container .action-buttons{flex-direction:column!important}.container .btn{width:100%!important;text-align:center!important}.container .navigation{flex-direction:column-reverse!important}}@media print{.container .quiz-header,.container .progress-bar,.container .email-form,.container .quiz-container,.container .action-buttons{display:none!important}.container .archetype-top{background:#f0eaf8!important}.container .archetype-title,.container .archetype-subtitle{color:#1a1a2e!important}}.container .hidden{display:none!important}