:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #10b981;--secondary-dark: #059669;--accent: #f59e0b;--accent-dark: #d97706;--background: #ffffff;--surface: #f8fafc;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}[data-theme=dark]{--background: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{font-family:var(--font-family);background:var(--background);color:var(--text);margin:0;padding:0;line-height:1.6;font-size:var(--font-size-base);transition:var(--transition);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.page-container{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;font-weight:700;line-height:1.2}h1{font-size:var(--font-size-4xl);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-3xl);color:var(--text)}h3{font-size:var(--font-size-2xl);color:var(--text)}p{margin:0 0 var(--space-4) 0;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-height:44px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff;box-shadow:var(--shadow)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--text);border:2px solid var(--border)}.btn-ghost:hover{background:var(--surface);border-color:var(--primary)}.card{background:var(--surface);color:var(--text);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:2rem 1.5rem;margin-bottom:2rem;border:1px solid var(--border);transition:var(--transition)}[data-theme=dark] .card{background:#232946;color:#f1f5f9;border:1px solid #334155}.quiz-container{max-width:600px;margin:0 auto}.question-card{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border);margin-bottom:var(--space-6)}.question-number{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-4)}.question-text{font-size:var(--font-size-xl);font-weight:600;color:var(--text);margin-bottom:var(--space-6);line-height:1.4}.options-grid{display:grid;gap:var(--space-3)}.option-btn{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:500;color:var(--text);cursor:pointer;transition:var(--transition);text-align:left;position:relative;overflow:hidden}.option-btn:hover{border-color:var(--primary);background:var(--surface);transform:translate(4px)}.option-btn.correct{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff;border-color:var(--secondary)}.option-btn.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.navbar{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.nav-brand{font-size:var(--font-size-2xl);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--primary),var(--secondary));transition:width .3s ease}.nav-link:hover:after{width:100%}.theme-toggle{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:var(--transition);font-size:var(--font-size-lg)}.theme-toggle:hover{border-color:var(--primary);transform:scale(1.1)}.results-card{background:linear-gradient(135deg,var(--surface),var(--background));border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.score-display{font-size:var(--font-size-4xl);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:var(--space-4) 0}.table-container{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse}.table th{background:var(--background);padding:var(--space-4);text-align:left;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.table td{padding:var(--space-4);border-bottom:1px solid var(--border);color:var(--text-muted)}.table tr:hover{background:var(--background)}.table tr:last-child td{border-bottom:none}.badge{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;margin:var(--space-1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}.pulse{animation:pulse 2s infinite}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-3xl{font-size:var(--font-size-3xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.bg-gray-50{background-color:var(--surface)}.bg-gray-200{background-color:var(--border)}.bg-gray-800{background-color:var(--surface)}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-900{background-color:#78350f}.text-yellow-800{color:#92400e}.text-yellow-200{color:#fde68a}.w-16{width:4rem}.w-20{width:5rem}.h-2{height:.5rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.space-y-4>*+*{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.hidden{display:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.nav-links{gap:var(--space-4)}.nav-link{font-size:var(--font-size-sm)}.question-card{padding:var(--space-6)}.question-text{font-size:var(--font-size-lg)}.btn{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.nav-container{flex-direction:column;gap:var(--space-4)}.nav-links{flex-wrap:wrap;justify-content:center}.page-container{padding:var(--space-6) var(--space-3)}.question-card{padding:var(--space-4)}}.ad-container{margin:20px 0;text-align:center;min-height:90px;min-width:160px;display:flex;justify-content:center;align-items:center;overflow:hidden}.ad-container.sidebar{position:fixed;top:50%;transform:translateY(-50%);width:160px;height:600px;z-index:100}.ad-container.sidebar.left{left:20px}.ad-container.sidebar.right{right:20px}.ad-container.completion{margin:30px auto;max-width:728px;width:100%;height:90px}@media (max-width: 1200px){.ad-container.sidebar{display:none!important}}@media (max-width: 768px){.ad-container.completion{margin:20px auto;height:90px}}@media (max-width: 480px){.ad-container{display:none!important}}.notfound-container{background:linear-gradient(135deg,#f8fafc 60%,#6366f1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem 1.5rem 2rem;margin:2rem auto;max-width:600px;position:relative}.notfound-emoji{filter:drop-shadow(0 4px 12px rgba(99,102,241,.15))}.notfound-title{text-shadow:2px 2px 0 #f59e0b,4px 4px 0 #10b981}.notfound-desc{font-family:"Comic Sans MS","Comic Sans",cursive,var(--font-family)}@media (max-width: 700px){.notfound-container{max-width:95vw;padding:1.5rem .5rem}.notfound-title{font-size:2rem}.notfound-emoji{font-size:4rem}}.container.fade-in{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);margin-top:2rem;margin-bottom:2rem;padding:2rem 1.5rem}@media (max-width: 700px){.container.fade-in{padding:1rem .5rem}}.app{min-height:100vh;display:flex;flex-direction:column}