:root{--quiz-primary: #6c5ce7;--quiz-secondary: #00b894;--quiz-accent: #fdcb6e;--quiz-bg: #f0f2f5;--quiz-card: #ffffff;--quiz-text: #2d3436;--quiz-font: "Bricolage Grotesque", sans-serif;--quiz-weight-bold: 800;--quiz-weight-regular: 600}[data-theme=english]{--quiz-bg: #ebf5ff;--quiz-text: #1e3a8a;--quiz-secondary: #3b82f6}[data-theme=science]{--quiz-bg: #ecfdf5;--quiz-text: #064e3b;--quiz-secondary: #10b981}[data-theme=maths]{--quiz-bg: #fffbeb;--quiz-text: #78350f;--quiz-secondary: #f59e0b}.quiz-container{min-height:100vh;background-color:var(--quiz-bg);font-family:var(--quiz-font);color:var(--quiz-text);padding:2rem;display:flex;flex-direction:column;align-items:center;transition:background-color .5s ease}.brand-title{font-size:clamp(2rem,8vw,4rem);font-weight:var(--quiz-weight-bold);color:var(--quiz-text);margin-bottom:2rem;text-align:center;line-height:1}.quiz-date{font-size:1.2rem;opacity:.7;display:block;margin-top:.5rem}.card{background:transparent;border-radius:2rem;padding:2.5rem;max-width:600px;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.selection-group{margin-bottom:2rem}.selection-title{font-size:1.8rem;font-weight:var(--quiz-weight-bold);margin-bottom:1.5rem;color:var(--quiz-text)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.btn-option{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid var(--quiz-text);border-radius:1.5rem;padding:1rem;font-size:1.4rem;font-weight:var(--quiz-weight-bold);color:var(--quiz-text);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-option:hover{transform:scale(1.1) rotate(-2deg);background:#fff}.btn-option.active{background:var(--quiz-text);color:var(--quiz-bg);transform:scale(1.1) rotate(2deg)}.btn-start{background:var(--quiz-text);color:var(--quiz-bg);border:none;border-radius:2rem;padding:1.5rem 3rem;font-size:1.8rem;font-weight:var(--quiz-weight-bold);cursor:pointer;width:100%;margin-top:2rem;transition:all .3s;box-shadow:0 .5rem #0003}.btn-start:hover{transform:translateY(-5px);box-shadow:0 .8rem #0000001a}.btn-start:active{transform:translateY(2px);box-shadow:0 .2rem #0003}.btn-start:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.question-text{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:var(--quiz-weight-bold);margin-bottom:2rem;line-height:1.2}.answer-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}.answer-btn{background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:4px solid var(--quiz-text);border-radius:1.5rem;padding:1.2rem 1.5rem;font-size:1.3rem;font-weight:var(--quiz-weight-bold);color:var(--quiz-text);text-align:left;cursor:pointer;transition:all .2s}.answer-btn:hover:not(:disabled){background:#fffc;transform:translate(10px)}.answer-btn.correct{background:#00b894;color:#fff;border-color:#00b894}.answer-btn.wrong{background:#ff7675;color:#fff;border-color:#ff7675}.progress-bar{width:100%;height:1.5rem;background:#0000000d;border:3px solid var(--quiz-text);border-radius:2rem;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:var(--quiz-text);transition:width .3s cubic-bezier(.4,0,.2,1)}.quiz-stats{text-align:right;color:var(--quiz-secondary)}.quiz-feedback{margin-top:1rem;text-align:center;font-size:1.5rem;font-weight:var(--quiz-weight-bold)}.result-score{font-size:5rem;color:var(--quiz-text);font-weight:800;margin:1rem 0}.result-text{font-size:1.2rem;margin-bottom:2rem}.result-card{text-align:center}.confetti{font-size:2rem;margin-bottom:1rem}@media(max-width:768px){.quiz-container{padding:1rem}.brand-title{font-size:clamp(1.8rem,10vw,3rem);margin-bottom:1.5rem}.quiz-date{font-size:1rem}.card{padding:1.2rem;border-radius:1.5rem}.selection-title{font-size:1.4rem;margin-bottom:1rem}.options-grid{gap:.8rem}.btn-option{padding:.8rem;font-size:1.1rem;border-width:3px;border-radius:1rem}.btn-start{padding:1.2rem 2rem;font-size:1.5rem;border-radius:1.5rem}.question-text{font-size:clamp(1.3rem,5vw,1.8rem);margin-bottom:1.5rem}.answer-grid{gap:.8rem}.answer-btn{padding:1rem;font-size:1.1rem;border-width:3px;border-radius:1rem}.quiz-feedback{font-size:1.1rem}.progress-bar{height:1.2rem;border-width:2px;margin-bottom:1.5rem}.result-score{font-size:3.5rem}.result-text{font-size:1rem;margin-bottom:1.5rem}}