body{background-color:#0f172a;color:#f1f5f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:2rem}.app{max-width:700px;margin:0 auto}h1{text-align:center;font-weight:700;font-size:2.5rem;margin-bottom:2rem;color:#fbbf24;text-shadow:0 0 6px #fbbf24aa}.quiz-container{background-color:#1e293b;padding:2rem;border-radius:12px;box-shadow:0 0 15px #fbbf24aa}.question-card{margin-bottom:1.5rem}.question-card h3{margin-bottom:.3rem;color:#fbbf24;font-weight:600}.question-card p{margin-bottom:.5rem}.options label{display:block;margin-bottom:.3rem;cursor:pointer;font-weight:500}.options input[type=radio]{margin-right:.5rem;cursor:pointer}button{display:block;margin:1rem auto 0;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;color:#0f172a;background-color:#fbbf24;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 10px #fbbf24aa;transition:background-color .3s ease,transform .2s ease}button:disabled{background-color:#cbd5e1;cursor:not-allowed;box-shadow:none}button:not(:disabled):hover{background-color:#eab308;transform:scale(1.02)}.result-container{text-align:center}.result-container h2{font-size:2rem;margin-bottom:1rem;color:#fbbf24;text-shadow:0 0 8px #fbbf24cc}.result-container p{font-size:1.2rem;margin-bottom:1.5rem}.landing{text-align:center;padding:5rem 1rem;background:linear-gradient(to bottom,#0f172a,#1e293b)}.landing p{font-size:1.25rem;margin-bottom:2rem;color:#fbbf24}.landing button{margin:.5rem;padding:1rem 2rem;font-size:1.1rem}.landing button:first-of-type{background-color:#facc15;color:#0f172a;font-weight:800}.landing button:first-of-type:hover{background-color:#eab308}.category-section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #fbbf24}.category-section h2{color:#fbbf24;margin-bottom:1rem;font-weight:700;font-size:1.5rem;transition:text-shadow .2s ease}.category-section h2:hover{text-shadow:0 0 6px #fbbf24aa}.progress-bar-wrapper{background-color:#334155;border-radius:10px;height:12px;margin-bottom:1rem;overflow:hidden;box-shadow:inset 0 0 5px #000a;position:relative}.progress-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:100%;border-radius:10px 0 0 10px;transition:width .4s ease}.progress-bar-wrapper p{color:#eab308;font-size:.9rem;margin-top:.3rem;text-align:right;font-weight:600;-webkit-user-select:none;user-select:none}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid #fbbf24;text-align:center;color:#fbbf24;font-weight:500;font-size:.9rem}.site-footer a{color:#fbbf24;text-decoration:none;font-weight:700}.site-footer a:hover{text-decoration:underline}.hero-image{max-width:100%;height:auto;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 0 20px #0000004d;transition:transform .3s ease}.hero-image:hover{transform:scale(1.02)}.hero-image{width:100%;max-width:400px;height:auto;border-radius:12px;margin:0 auto 1.5rem;display:block;box-shadow:0 0 20px #0000004d;transition:transform .3s ease}.ai-info{margin-top:1rem;font-size:.9rem;color:#555;max-width:400px;margin-left:auto;margin-right:auto;text-align:center;font-style:italic}@media (max-width: 768px){.hero-image{max-width:300px}}@media (max-width: 480px){.hero-image{max-width:250px}}