:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f0f1a;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #6b6b6b;--accent: #d4a574;--accent-hover: #e8b989;--success: #4ecca3;--error: #ff6b6b;--border: #2a2a4a}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Georgia,Times New Roman,serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.container{max-width:900px;margin:0 auto;padding:2rem}header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}header .logo{font-size:1.5rem;color:var(--accent)}header nav{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}header nav span{color:var(--text-muted)}.hero{text-align:center;padding:4rem 0;border-bottom:1px solid var(--border)}.hero h1{font-size:2.5rem;font-weight:400;margin-bottom:1rem}.hero p{color:var(--text-secondary);font-size:1.1rem}.stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat{text-align:center}.stat-value{font-size:2rem;color:var(--accent)}.stat-label{color:var(--text-muted);font-size:.9rem}.categories{padding:3rem 0}.categories h2{font-weight:400;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.category-list{list-style:none}.category-item{padding:1rem 0;border-bottom:1px solid var(--border)}.category-link{display:flex;align-items:baseline;gap:1rem}.category-number{color:var(--accent);font-size:1.1rem;min-width:2rem}.category-name{flex:1}.category-count{color:var(--text-muted);font-size:.9rem}.question-list{padding:2rem 0}.question-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.question-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.question-number{color:var(--accent);font-size:.9rem}.question-text{font-size:1.1rem;line-height:1.8;white-space:pre-wrap}.options{margin:1.5rem 0;padding-left:1rem}.option{display:flex;gap:.75rem;padding:.5rem 0;color:var(--text-secondary)}.option-letter{color:var(--text-muted);min-width:1.5rem}.answer-toggle{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1.5rem;cursor:pointer;font-family:inherit;font-size:.95rem;transition:all .2s ease}.answer-toggle:hover{border-color:var(--accent);color:var(--accent)}.answer-section{margin-top:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-left:3px solid var(--accent)}.answer-label{color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.answer-value{font-size:1.2rem;color:var(--success);margin-bottom:1rem}.explanation{color:var(--text-secondary);font-size:.95rem;line-height:1.7;white-space:pre-wrap}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.back-link:hover{color:var(--accent)}.page-title{font-weight:400;font-size:2rem;margin-bottom:.5rem}.page-subtitle{color:var(--text-muted);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.container{padding:1rem}.hero{padding:2rem 0}.hero h1{font-size:1.8rem}.stats{gap:1.5rem}.stat-value{font-size:1.5rem}}