body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f4f8;color:#333}.app-container{max-width:600px;margin:50px auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000001a}h1,h2{text-align:center;margin-bottom:20px}.question{font-size:1.2em;margin-bottom:20px}.option{display:block;width:100%;padding:12px;margin:8px 0;border:2px solid transparent;border-radius:6px;background:#e7ecf0;cursor:pointer;text-align:left;transition:background .3s,border .3s}.option:hover{background:#d6dde5}.option.selected{background:linear-gradient(90deg,#42a5f5,#90caf9);border:2px solid #42a5f5;color:#fff}.nav-buttons{display:flex;justify-content:space-between;margin-top:20px}.nav-btn{padding:10px 20px;border:none;background:#64b5f6;color:#fff;border-radius:6px;cursor:pointer;font-size:1em;margin:0 5px;transition:background .3s}.nav-btn:hover{background:#2196f3}.nav-btn:disabled{background:#b3e0fc;cursor:not-allowed}.restart-button,.result-container .nav-btn{display:block;margin:20px auto;padding:10px 20px;border:none;background:#42a5f5;color:#fff;border-radius:6px;cursor:pointer;font-size:1em;transition:background .3s}.restart-button:hover,.result-container .nav-btn:hover{background:#1e88e5}.score{font-size:1.4em;text-align:center;margin:20px 0}.result-container{max-width:600px;margin:40px auto;background:#f8fafc;padding:30px;border-radius:10px;box-shadow:0 2px 8px #42a5f514}.result-container h2{color:#42a5f5}.result-container ul{list-style:none;padding:0;margin:20px 0}.result-container li{background:#e7ecf0;margin-bottom:15px;padding:15px;border-radius:6px;font-size:1em;border-left:4px solid #42a5f5}.result-container strong{color:#1e88e5}