.fade-enter-active[data-v-da930887],.fade-leave-active[data-v-da930887]{transition:opacity .3s}.fade-enter-from[data-v-da930887],.fade-leave-to[data-v-da930887]{opacity:0}body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;margin:0;padding:0;font-family:Roboto,sans-serif}.container{background:#fff;border-radius:12px;max-width:800px;margin:30px auto;padding:30px;box-shadow:0 10px 30px #0000001a}h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-weight:300}.progress-container{background-color:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:30px;overflow:hidden}.progress-bar{background-color:#5dade2;border-radius:4px;height:100%;transition:width .3s}.theme-title{color:#5dade2;text-align:center;margin-bottom:20px;font-weight:500}.question-label{color:#555;margin-bottom:9px;font-weight:700;display:block}.question-select{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:20px;padding:12px;font-size:16px;transition:border-color .3s}.question-select:focus{border-color:#5dade2;outline:none;box-shadow:0 0 0 2px #5dade233}.email-container{text-align:center;margin:30px auto}.email-label{color:#555;margin-bottom:8px;font-weight:700;display:block}.email-help{color:#666;margin-bottom:15px;font-size:.9em}.email-input{border:1px solid #ddd;border-radius:6px;width:100%;max-width:400px;margin:0 auto 10px;padding:12px;font-size:16px;display:block}.email-error{color:#dc2626;margin-top:5px;font-size:.9em}.button-group{justify-content:center;gap:20px;margin-top:30px;display:flex}.nav-button{cursor:pointer;border:none;border-radius:6px;min-width:150px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s}.nav-button.previous{color:#555;background-color:#f0f0f0}.nav-button.previous:hover{background-color:#e0e0e0}.nav-button.next{color:#fff;background:linear-gradient(90deg,#5dade2,#85c1e9)}.nav-button.next:hover{background:linear-gradient(90deg,#4a90e2,#6ba3d6);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.results-container{text-align:center;background:#f8f9fa;border-radius:12px;margin-top:30px;padding:20px}.results-title{color:#2c3e50;margin-bottom:20px;font-size:1.5em}.progress-circle{width:200px;height:200px;margin:0 auto 30px;position:relative}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle circle{fill:none;stroke-width:15px;stroke-linecap:round}.progress-circle circle:first-child{stroke:#e0e0e0}.progress-circle circle:last-child{stroke:#5dade2;transition:stroke-dashoffset .3s}.progress-percentage{color:#2c3e50;font-size:2em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-result{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000000d}.theme-result-title{color:#555;margin-bottom:8px;font-weight:600}.theme-progress-container{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.theme-progress-bar{background-color:#5dade2;border-radius:4px;height:100%}.message{text-align:center;border-radius:6px;max-width:500px;margin:20px auto;padding:12px;font-weight:500}.message-success{color:#065f46;background-color:#d1fae5;border:1px solid #10b981}.message-error{color:#991b1b;background-color:#fee2e2;border:1px solid #dc2626}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}