:root{--primary-color: #1c6bfe;--primary-hover: #075DFD;--text-color: #333;--muted-text: #6c757d;--border-radius: 20px}.dashboard-container{background:#fff;min-height:100vh;padding:1rem 1.5rem 5rem}.question{display:flex;flex-direction:column;max-width:600px;margin:0 auto;width:100%}.full-width-button{background-color:var(--primary-color);color:#fff;padding:.75rem;border-radius:8px;font-weight:600;transition:background-color .2s ease;width:100%;margin:.75rem 0 0;border:none;font-size:1rem}.full-width-button:hover{background-color:var(--primary-hover)}.progress-bar{height:.5rem;background-color:#e5e7eb;border-radius:9999px;margin-bottom:.5rem;max-width:600px;margin-left:auto;margin-right:auto}.progress-bar-fill{height:.5rem;background-color:var(--primary-color);border-radius:9999px;transition:width .3s ease}.option-card{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative}.option-card:hover{transform:translateY(-4px)}.option-card.selected{border-color:var(--primary-color);background-color:#7e8ed11a}.option-card .icon{color:#6b7280}.option-card.selected .icon{color:var(--primary-color)}.option-card p{margin-top:.125rem!important}.next-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;max-width:100%}.next-button:hover{background-color:var(--primary-hover)}.back-button{background:transparent;border:none;cursor:pointer;color:#6b7280;transition:all .2s ease}.back-button:hover{color:var(--primary-color);transform:translate(-4px)}@media (min-width: 768px){.next-button{max-width:300px;margin:0 auto}.option-card{max-width:500px;margin:0 auto}}.logo-container{margin-bottom:2rem;text-align:center;position:relative;display:inline-block}@media (min-width: 768px){.logo-container{text-align:center;padding-left:0}}.toggle-icon .empty-circle{width:24px;height:24px;border:2px solid #e5e7eb;border-radius:50%}.toggle-icon .empty-circle:hover{border-color:var(--primary-color)}.empty-circle{width:24px;height:24px;border:2px solid #6b7280;border-radius:50%;transition:all .2s ease}.check-circle{width:24px;height:24px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.check-circle svg{color:#fff}.option-card:hover .empty-circle{border-color:#6b7280}.option-card div[style*="position: absolute"]{position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.option-card div[style*="position: absolute"].left-icon{left:1rem!important}.option-card div[style*="position: absolute"].right-icon{right:1rem!important;left:auto!important}.header-wrapper{position:relative;width:100%;max-width:500px;margin:0 auto}.header-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 0}.back-arrow{position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280;transition:all .2s ease}.back-arrow:hover{color:var(--primary-color);transform:translateY(-50%) translate(-4px)}.logo-container{margin:0;text-align:center}.glorifai-logo{height:40px;width:auto;display:block;margin:0 auto}.option-content{display:flex;flex-direction:column;gap:.125rem}.option-content h4,.option-content p{margin:0}.quiz-hero-image{width:360px;height:auto;display:block;margin-left:auto;margin-right:auto}.mindfulness-text{color:#1c6bfe!important}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:#f9fafb}body{margin:0;min-width:320px;min-height:100vh}button{cursor:pointer;font-family:inherit}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.question input,.question textarea{margin:0 auto;width:calc(100% - 2rem)!important;max-width:100%;display:block}.question .mb-6{padding:0 1rem}.option-card{position:relative;min-height:42px}.option-card .mt-2,.option-card div[style*="position: absolute"]{position:absolute!important;left:1rem!important;top:50%!important;transform:translateY(-50%)!important}.option-card h4{text-align:center!important;width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:normal!important}.option-card div[style*="width: '100%'"],.option-card .text-center{width:100%!important;text-align:center!important;padding-left:2.5rem!important;padding-right:1rem!important}.option-card h4+p{margin-top:0!important;line-height:1.2!important}@media (max-width: 640px){.option-card h4{font-size:.95rem!important;line-height:1.4!important}.option-card p{font-size:.85rem!important}}.question .goals-container{width:100%;margin:0;padding:0}.question .goal-item{margin-bottom:24px;width:100%}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.goal-name{font-size:20px;font-weight:600;transition:color .3s ease}.goal-name.completed,.goal-name.active{color:#374151}.goal-name.pending{color:#9ca3af}.goal-progress-text{display:flex;align-items:center;transition:color .3s ease}.goal-progress-text.completed{color:#374151}.goal-progress-text.active{color:var(--primary-color)}.goal-progress-text.pending{color:#d1d5db}.question .goals-container .goal-item .step-progress-container{height:8px;background-color:#f3f4f6;border-radius:9999px;overflow:hidden;width:100%;display:block!important;position:relative;z-index:1;margin:0!important;padding:0!important}.question .goals-container .goal-item .step-progress-bar{height:100%;background-color:var(--primary-color);border-radius:9999px;transition:width .3s ease-out;display:block!important;position:relative;margin:0!important;padding:0!important;max-width:none!important}.question .goals-container .goal-item .step-progress-bar.pending{background-color:#e5e7eb}.spinner{width:20px;height:20px;border:2px solid var(--primary-color);border-top-color:transparent;border-radius:50%;margin-right:8px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clients-text{text-align:center;font-size:20px;font-weight:600;color:#4b5563;margin-bottom:32px}.testimonial-container{background-color:#f9fafb;padding:24px;border-radius:8px}.stars-container{display:flex;justify-content:center;margin-bottom:8px}.star{color:#fbbf24;fill:#fbbf24;width:24px;height:24px;margin:0 2px}.testimonial-text{text-align:center;font-size:18px;font-weight:500;color:#4b5563;margin-bottom:8px}.testimonial-author{text-align:center;color:#9ca3af}.cta-container{text-align:center;margin:32px 0;padding:24px;background-color:#f9fafb;border-radius:12px}.cta-button{background-color:var(--primary-color);color:#fff;padding:12px;border-radius:8px;font-weight:600;font-size:18px;border:none;cursor:pointer;transition:background-color .2s ease;margin-bottom:12px;width:100%;max-width:300px;text-decoration:none;display:inline-block}.cta-button:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none}.cta-description{color:#4b5563;font-size:16px;margin-top:12px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
