:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;width:100%;height:100%;max-width:100%;overflow-x:hidden}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh;color:#213547}#root{width:100vw;max-width:100%;display:flex;flex-direction:column;align-items:stretch}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#036;width:100%;margin-bottom:20px}.header-logo{height:50px;width:auto;object-fit:contain}.header-title{font-size:1.8rem;margin:0;color:#213547}@media (max-width: 768px){.app-header{padding:.5rem 1rem}.header-logo{height:40px}.header-title{font-size:1.4rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100vw;max-width:100%;overflow-x:hidden}:root{--primary-color: #7b61ff;--secondary-color: #5d4de5;--accent-color: #ff6b6b;--success-color: #00c48c;--warning-color: #ffbb55;--danger-color: #ff5e78;--background-color: #f0f4ff;--card-color: #ffffff;--text-color: #3a3a3a;--text-light: #666666;--border-color: #e2e8f0;--shadow: 0 8px 30px rgba(0, 0, 0, .12);--border-radius: 20px;--transition: all .3s ease}body{font-family:Nunito,Comic Sans MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;padding:0;width:100vw;overflow-x:hidden}#root{display:flex;width:100vw;max-width:100%}.app{min-height:100vh;width:100vw;max-width:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;background:linear-gradient(135deg,#c7d2fe,#e0f2fe,#dbeafe)}.full-width-container{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.welcome-card,.quiz-card,.result-card{background:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:40px;width:100%;max-width:1400px;margin:20px;transition:var(--transition);border:8px solid #ffffff;position:relative;overflow:hidden}.welcome-card:before,.quiz-card:before,.result-card:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;height:10px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));border-radius:10px}.welcome-container{text-align:center;animation:fadeIn .8s ease;width:100%;display:flex;flex-direction:column;align-items:center;max-width:100%}.welcome-card h1{color:var(--primary-color);margin-bottom:30px;font-size:2.6rem;font-weight:800;text-shadow:2px 2px 0px rgba(0,0,0,.1);letter-spacing:-.5px}.welcome-content{margin-bottom:40px;text-align:left;background-color:#7b61ff0d;padding:25px;border-radius:15px}.welcome-content p{margin-bottom:20px;font-size:1.2rem;color:var(--text-color)}.welcome-content ul{margin:25px 0 25px 20px}.welcome-content li{margin-bottom:15px;font-size:1.15rem;position:relative;padding-left:10px}.welcome-content li strong{color:var(--primary-color);font-weight:700;font-size:1.25rem}.start-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:16px 40px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 6px 15px #7b61ff4d;margin-top:10px;position:relative;overflow:hidden}.start-button:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 10px 20px #7b61ff66}.start-button:active{transform:translateY(0)}.quiz-container{animation:slideIn .5s ease;width:100%;display:flex;flex-direction:column;align-items:center;max-width:100%}.progress-container{margin-bottom:35px}.progress-bar{height:12px;background-color:#eaefff;border-radius:20px;overflow:hidden;margin-bottom:15px;box-shadow:inset 0 2px 4px #0000000d}.progress{height:100%;background:linear-gradient(to right,#ff6b6b,#7b61ff);border-radius:20px;transition:width .5s ease}.question-count{font-size:1.1rem;color:var(--text-light);text-align:right;font-weight:600}.question h2{margin-bottom:30px;font-size:1.6rem;color:var(--text-color);background-color:#7b61ff14;padding:20px;border-radius:15px;border-left:5px solid var(--primary-color);font-weight:600;box-shadow:0 2px 5px #0000000d}.options{display:flex;flex-direction:column;gap:18px;margin-bottom:35px;width:100%}.option-button{display:flex;align-items:center;text-align:left;background-color:#7b61ff14;border:3px solid #e6e9ff;border-radius:16px;padding:22px 25px;font-size:1.15rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;width:100%;color:var(--text-color);font-weight:500;box-shadow:0 2px 5px #0000000d}.option-button:hover{border-color:var(--primary-color);background-color:#7b61ff26;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.option-button.selected{border-color:var(--primary-color);background-color:#7b61ff33;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a;font-weight:600}.option-key{display:flex;justify-content:center;align-items:center;min-width:36px;height:36px;background-color:var(--primary-color);color:#fff;border-radius:50%;margin-right:20px;font-weight:700;flex-shrink:0;font-size:1.1rem;box-shadow:0 2px 4px #0000001a}.option-button.selected .option-key{background-color:var(--secondary-color)}.option-text{flex-grow:1;color:var(--text-color);font-weight:500}.quiz-actions{display:flex;justify-content:space-between;margin-top:15px}.nav-button{padding:14px 28px;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition)}.prev{background-color:transparent;border:2px solid var(--border-color);color:var(--text-light)}.prev:hover{background-color:var(--border-color);color:var(--text-color)}.skip{background-color:var(--primary-color);border:none;color:#fff;box-shadow:0 4px 10px #7b61ff40}.skip:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 6px 15px #7b61ff59}.result-container{animation:fadeIn .8s ease;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;max-width:100%}.result-card h1{color:var(--primary-color);margin-bottom:30px;font-size:2.4rem;font-weight:800;text-shadow:2px 2px 0px rgba(0,0,0,.05)}.score-section{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.score-section h2{font-size:1.8rem;color:var(--text-color);font-weight:700}.category-badge{margin:15px 0 25px}.badge{display:inline-block;padding:12px 30px;border-radius:50px;font-weight:800;font-size:1.3rem;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #00000026}.badge.visionary{background-color:var(--success-color)}.badge.conscious{background-color:var(--warning-color)}.badge.reckless{background-color:var(--danger-color)}.category-description{background-color:#7b61ff0d;border-radius:16px;padding:25px;margin-bottom:35px;text-align:left;border-left:5px solid var(--primary-color)}.category-description p{font-size:1.2rem;line-height:1.7}.category-details{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px;text-align:left}@media (min-width: 768px){.category-details{grid-template-columns:1fr 1fr}}.characteristics,.recommendations{background-color:#f9faff;border-radius:16px;padding:25px;box-shadow:0 5px 15px #0000000d;border-top:5px solid var(--primary-color)}.characteristics h3,.recommendations h3{color:var(--primary-color);margin-bottom:20px;font-size:1.4rem;position:relative;display:inline-block}.characteristics h3:after,.recommendations h3:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:3px;background-color:var(--accent-color);border-radius:10px}.characteristics ul,.recommendations ul{margin-left:20px}.characteristics li,.recommendations li{margin-bottom:12px;font-size:1.15rem;position:relative;padding-left:10px}.characteristics li:before,.recommendations li:before{content:"•";color:var(--accent-color);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.retake-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:16px 40px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:20px;box-shadow:0 6px 15px #7b61ff4d;text-transform:uppercase;letter-spacing:1px}.retake-button:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 10px 20px #7b61ff66}.retake-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 767px){.welcome-card,.quiz-card,.result-card{padding:25px;max-width:100%;border-radius:0;border-left:none;border-right:none}.welcome-card h1,.result-card h1{font-size:2rem}.question h2{font-size:1.3rem;padding:15px}.option-button{font-size:1.05rem;padding:16px 20px}.option-key{min-width:30px;height:30px;margin-right:15px}.start-button,.retake-button{padding:14px 30px;font-size:1.1rem}.welcome-content,.category-description{padding:20px}.nav-button{padding:12px 20px;font-size:1rem}}@media (min-width: 768px) and (max-width: 1199px){.welcome-card,.quiz-card,.result-card{width:95%;max-width:1400px}}@media (min-width: 1200px){.welcome-card,.quiz-card,.result-card{width:98%;max-width:1800px}}.welcome-container,.quiz-container,.result-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.full-width{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.app,.welcome-container,.quiz-container,.result-container{width:100%;max-width:100%;margin:0;padding:0}.welcome-card,.quiz-card,.result-card{border-radius:var(--border-radius);margin:0 auto;width:100%}@media (max-width: 600px){.welcome-card,.quiz-card,.result-card{border-radius:0;border-left:0;border-right:0;width:100vw}}@media (max-width: 767px){.welcome-card,.quiz-card,.result-card{width:100%;margin:0;border-radius:0;border-left:none;border-right:none}}html{color-scheme:light}body,#root,.app{background-color:var(--background-color);color:var(--text-color)}