:root{--primary: #4F46E5;--primary-hover: #4338CA;--bg-start: #0f172a;--bg-end: #1e1b4b;--text-main: #f8fafc;--text-muted: #cbd5e1;--glass-bg: rgba(50, 65, 85, .85);--glass-border: rgba(255, 255, 255, .2);--success: #10b981;--error: #ef4444;--option-bg: rgba(255, 255, 255, .05);--option-hover: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));background-attachment:fixed;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(--primary-hover);box-shadow:0 0 15px #4f46e566}.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 #4f46e563}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e53b}.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;background:linear-gradient(to right,#a8c0ff,#3f2b96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.score-circle{width:150px;height:150px;border-radius:50%;border:4px solid var(--primary);display:flex;justify-content:center;align-items:center;margin:0 auto 30px;box-shadow:0 0 30px #4f46e54d}#score-text{font-size:2.5rem;font-weight:700;color:var(--primary)}#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;background:linear-gradient(to right,#a8c0ff,#3f2b96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);margin-bottom:30px}.quiz-grid{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:0 auto}.quiz-card{background:var(--option-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;font-size:1.2rem;font-weight:600;color:var(--text-main)}.quiz-card:hover{background:var(--option-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px #4f46e533}.cover-content .btn{margin:10px;font-size:1.1rem}@media (max-width: 640px){.glass-container{padding:24px;border-radius:16px}}