body{color:#f3e8ff;background:linear-gradient(135deg,#2e0854 0%,#6b21a8 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif;display:flex}.app-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:700px;margin:2rem 0;padding:2.5rem;box-shadow:0 10px 30px #00000080}h1{margin-top:0;font-size:2.8rem}h2{margin-top:0;font-size:2.2rem}h3{color:#d8b4fe;border-bottom:2px solid #d8b4fe4d;padding-bottom:.5rem;font-size:1.6rem}p{opacity:.9;font-size:1.1rem;line-height:1.6}.welcome-section .flag-img{border-radius:8px;width:150px;height:auto;margin-bottom:1.5rem;box-shadow:0 4px 10px #0000004d}.welcome-section .attribution{opacity:.7;margin:2rem 0 1rem;font-size:.95rem;font-style:italic}.start-btn{background:#9333ea;border:none;padding:16px 32px;font-size:1.2rem;font-weight:700}.start-btn:hover{background:#7e22ce}.question-count{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:1rem;font-size:.9rem}.question-text{margin-bottom:2rem;font-size:1.4rem;font-weight:600;line-height:1.4}.options-container{flex-direction:column;gap:12px;display:flex}button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:14px;font-size:1.05rem;transition:all .2s}button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.score-section .final-score{color:#a78bfa;margin-bottom:2.5rem;font-size:1.8rem;font-weight:700}.restart-btn{background:#9333ea80;margin-top:2rem}.restart-btn:hover{background:#9333eacc}.perfect-score{color:#4ade80;margin:2rem 0;font-size:1.6rem;font-weight:700}.results-breakdown{text-align:left;scrollbar-width:thin;scrollbar-color:#d8b4fe4d #0000001a;max-height:400px;margin-bottom:1rem;padding-right:1rem;overflow-y:auto}.results-breakdown::-webkit-scrollbar{width:6px}.results-breakdown::-webkit-scrollbar-track{background:#0000001a}.results-breakdown::-webkit-scrollbar-thumb{background:#d8b4fe4d;border-radius:3px}.wrong-answer-item{background:#0003;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:1rem;padding:1rem}.wrong-answer-item p{margin:.4rem 0;font-size:1rem}.w-q-text{opacity:1;font-weight:600}.w-a-user,.w-a-correct{font-size:.95rem}.incorrect{color:#fca5a5;text-decoration:line-through}.correct{color:#4ade80;font-weight:600}