*,*:before,*:after{box-sizing:border-box}:root{background-color:#181818;color:#222;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: light){:root{background-color:#f8f8f8;color:#222}}body{background:linear-gradient(135deg,#ffe5b4,#ffd18c);min-height:100vh;margin:0;font-family:Inter,Nunito,Arial,sans-serif;color:#222}.quiz-header{background:linear-gradient(135deg,#ffd18c,#f5c16c);display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;border-bottom:1px solid #f5c16c;font-size:1.1rem;font-weight:600;color:#222;box-shadow:0 2px 4px #0000000d}.quiz-card{background:linear-gradient(135deg,#fffbe6,#fff8dc);border-radius:24px;box-shadow:0 8px 32px #00000014;margin:2rem auto;padding:2.5rem 2rem 2rem;max-width:450px;min-width:320px;text-align:center;color:#222;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-progress{width:100%;height:14px;background:#e6e6e699;border-radius:10px;margin-bottom:1.5rem;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.quiz-progress-bar{height:100%;border-radius:10px;background:linear-gradient(90deg,#22c55e,#4ade80,#fbbf24);transition:width .4s ease;box-shadow:0 2px 4px #0000001a}.quiz-question{font-size:1.4rem;font-weight:700;margin-bottom:2rem;color:#1f2937;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.quiz-option-btn{background:linear-gradient(135deg,#ffe0a3,#ffd18c);border:2px solid #ffc107;border-radius:16px;padding:1.2rem;font-size:1rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.quiz-option-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd18c,#ffc107);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quiz-option-btn.selected{background:#fbbf24;border-color:#f59e42;color:#fff}.quiz-option-btn.correct{background:#bbf7d0;border-color:#22c55e;color:#15803d}.quiz-option-btn.incorrect{background:#fecaca;border-color:#ef4444;color:#b91c1c}.quiz-submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:16px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #22c55e4d;text-transform:uppercase;letter-spacing:.5px}.quiz-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.quiz-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.quiz-slide-indicator{color:#b0892b;font-size:1rem;margin-top:1.5rem}h1,h2,h3,h4,h5,h6,p,label,span{color:#222}input,textarea{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#ffffffe6;color:#1f2937;transition:all .3s ease;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}input::placeholder,textarea::placeholder{color:#9ca3af;font-weight:400}textarea{resize:vertical;min-height:120px;font-family:inherit}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e;color:#15803d;padding:1rem;border-radius:12px;margin:1rem 0;font-weight:500}.error-message{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;color:#dc2626;padding:1rem;border-radius:12px;margin:1rem 0;font-weight:500}