*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-orange: #ff6b36;--color-orange-light: #fe9226;--color-pink: #feb5bf;--color-beige: #bcab99;--color-green: #649142;--color-olive: #ae9959;--color-white: #ffffff;--color-black: #1a1a1a;--color-gray-light: #f5f5f5;--color-gray: #e0e0e0;--color-gray-dark: #666666;--color-primary: var(--color-orange);--color-secondary: var(--color-green);--color-accent: var(--color-pink);--color-background: var(--color-white);--color-text: var(--color-black);--color-text-light: var(--color-gray-dark);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}html{font-size:16px}body{font-family:Montserrat,sans-serif;font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-xs)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-xs)}button{font-family:Montserrat,sans-serif;font-weight:600;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all .3s ease;font-size:1rem}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-orange-light)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{opacity:.9}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-beige);padding:.5rem var(--spacing-sm);box-shadow:var(--shadow-sm);z-index:1000;height:60px}.header-left{display:flex;align-items:center;gap:.75rem}.home-icon{font-size:1.5rem;cursor:pointer;color:var(--color-black);transition:opacity .3s ease}.home-icon:hover{opacity:.7}.btn-start{background-color:var(--color-green);color:var(--color-black);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .3s ease}.name{font-size:1.5rem;font-weight:700;color:var(--color-black)}.btn-start:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-start:active{transform:translateY(0)}.score-display{font-size:1.25rem;font-weight:700;color:var(--color-text)}.main-content{padding-top:60px}.instructions{display:flex;flex-direction:column;max-width:900px;margin:0 auto;background:linear-gradient(135deg,var(--color-gray-light) 0%,var(--color-white) 100%);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:var(--spacing-sm)}.instructions h2{color:var(--color-text);font-size:1.5rem;border-bottom:2px solid var(--color-primary)}.instructions p{font-size:1rem;color:var(--color-text);line-height:1.8;text-align:left;margin-bottom:0}.instructions h3{font-size:1.25rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-secondary)}.instructions ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.instructions li{font-size:1rem;color:var(--color-text);padding-left:var(--spacing-lg);position:relative}.instructions li:before{content:"✓";position:absolute;left:0;color:var(--color-secondary);font-weight:700;font-size:1.25rem}.quiz-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.option-group{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:250px}.option-group label{font-weight:700;color:var(--color-text);font-size:1.125rem;text-transform:uppercase;letter-spacing:.5px}.option-group select{background-color:var(--color-white);color:var(--color-text);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-family:Montserrat,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.option-group select:hover{background-color:var(--color-pink);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-group select:focus{outline:none;background-color:var(--color-gray-dark);color:var(--color-white)}.option-group select:active{transform:translateY(0)}.multiple-choice{display:flex;flex-direction:column;background-color:var(--color-gray-light);gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:2px solid var(--color-orange);position:relative}.difficulty-icon{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:1.5rem}.difficulty-icon.easy{color:var(--color-green)}.difficulty-icon.medium{color:var(--color-orange-light)}.difficulty-icon.hard{color:var(--color-orange)}.question{font-size:1.125rem;font-weight:700;color:var(--color-text)}.answers{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.answer-btn{background-color:var(--color-white);color:var(--color-text);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.answer-btn:hover{background-color:var(--color-pink);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.answer-btn:active{transform:translateY(0)}.answer-btn.selected{background-color:var(--color-gray-dark);color:var(--color-white)}.answer-btn.correct{background-color:var(--color-green);color:var(--color-text);font-weight:700}.answer-btn.incorrect{background-color:var(--color-primary);color:var(--color-text);font-weight:700}.answer-btn:disabled{cursor:not-allowed;opacity:.8}.score{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);padding:var(--spacing-lg);background-color:var(--color-gray-light);border-radius:var(--radius-md);margin:var(--spacing-lg)}