:root{--primary: #113aac;--primary-hover: #0d2e8a;--primary-rgb: 17, 58, 172;--secondary: #ffc507;--secondary-hover: #e6b000;--secondary-rgb: 255, 197, 7;--bg: var(--primary);--glass-bg: #0b2160;--text-main: #ffffff;--text-muted: #cdd7f5;--glass-border: rgba(255, 255, 255, .2);--success: #10b981;--error: #ef4444;--option-bg: rgba(255, 255, 255, .07);--option-hover: rgba(255, 255, 255, .14)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}#app{width:100%;max-width:1000px;position:relative}.glass-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000080;transition:all .3s ease}.quiz-header{margin-bottom:30px}.progress-bar-container{width:100%;height:6px;background-color:var(--glass-border);border-radius:999px;overflow:hidden;margin-bottom:16px}.progress-bar{height:100%;background-color:var(--primary);width:0%;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:999px;box-shadow:0 0 10px var(--primary)}.header-info{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted);font-weight:500}.quiz-body{min-height:300px}#question-content{font-size:1.15rem;line-height:1.7;margin-bottom:30px;font-weight:400}#question-content p{margin-bottom:1em}#question-content p:last-child{margin-bottom:0}#question-content b,#question-content strong,.option-btn b,.option-btn strong{font-weight:900;color:#fff}#question-content i,#question-content em,.option-btn i,.option-btn em{font-style:italic;opacity:.9}#question-content ul,#question-content ol{margin-bottom:1em;padding-left:2em}#question-content img{max-width:100%;max-height:250px;width:auto!important;height:auto!important;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000004d;background-color:#fffffffa;padding:8px;float:none!important;display:inline-block;vertical-align:middle;margin:4px}#question-content img:hover{transform:scale(1.02)}#options-container{display:flex;flex-direction:column;gap:12px;clear:both}.option-btn{background:var(--option-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;color:var(--text-main);font-family:Inter,sans-serif;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.option-btn:hover{background:var(--option-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.option-btn.selected{background:var(--primary);border-color:var(--secondary);box-shadow:0 0 15px rgba(var(--primary-rgb),.45)}.option-btn.correct{background:#10b98133;border-color:var(--success);color:#a7f3d0}.option-btn.wrong{background:#ef444433;border-color:var(--error);color:#fca5a5}.option-btn p{margin:0}.option-btn img{max-height:150px;max-width:100%;width:auto!important;height:auto!important;border-radius:8px;margin-top:10px;background-color:#fffffffa;padding:5px;float:none!important;display:block}.option-letter{display:inline-block;margin-right:10px;font-weight:700;color:var(--primary)}.option-btn.selected .option-letter{color:#fff}.option-btn.correct .option-letter{color:#a7f3d0}.option-btn.wrong .option-letter{color:#fca5a5}.quiz-footer{margin-top:30px;display:flex;justify-content:flex-end}.btn{font-family:Inter,sans-serif;font-weight:600;font-size:1rem;padding:12px 30px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.39)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.23)}.btn-primary:disabled{background-color:#4b5563;box-shadow:none;cursor:not-allowed;opacity:.7}.btn-secondary{background-color:transparent;color:var(--text-main);border:1px solid var(--glass-border)}.btn-secondary:hover{background-color:var(--option-hover)}.results-content{text-align:center}.results-content h2{font-size:2rem;margin-bottom:30px;color:var(--secondary)}.score-circle{width:150px;height:150px;border-radius:50%;border:4px solid var(--secondary);display:flex;justify-content:center;align-items:center;margin:0 auto 30px;box-shadow:0 0 30px rgba(var(--secondary-rgb),.35)}#score-text{font-size:2.5rem;font-weight:700;color:var(--secondary)}#score-details{font-size:1.1rem;color:var(--text-muted);margin-bottom:30px}.hidden{display:none!important}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}#loading{text-align:center;padding:50px 0;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.home-content,.cover-content{text-align:center}.home-content h2,.cover-content h2{font-size:2rem;margin-bottom:5px;color:var(--text-main)}.cover-content h1{font-size:2.5rem;margin:20px 0;color:var(--secondary)}.subtitle{color:var(--text-muted);margin-bottom:30px}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;max-width:900px;margin:0 auto}.quiz-card{background:var(--option-bg);border:1px solid var(--glass-border);border-radius:12px;padding:18px;cursor:pointer;transition:all .2s ease;font-size:1.05rem;font-weight:600;color:var(--text-main)}.quiz-card:hover{background:var(--option-hover);border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.cover-content .btn{margin:10px;font-size:1.1rem}@media (max-width: 640px){.glass-container{padding:24px;border-radius:16px}}.whatsapp-cta{background-color:#25d3661a!important;border-color:#25d3664d!important}.whatsapp-cta p{color:#a7f3d0!important}.btn-whatsapp{background-color:#25d366;color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px #25d36666}.btn-whatsapp:hover{background-color:#128c7e;transform:translateY(-2px);color:#fff}