*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background-color:#f4f4f4}.div{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.div input{border:2px solid #333;border-radius:8px;outline:none;width:300px;padding:12px;font-size:16px}.btn{color:#fff;cursor:pointer;background-color:#07f;border:none;border-radius:8px;padding:12px 25px;font-size:16px;transition:all .3s}.btn:hover{background-color:#005ed1}.quiz-container{background-color:#f4f4f4;justify-content:center;align-items:center;min-height:100vh;display:flex}.quiz-box{background-color:#fff;border-radius:10px;width:500px;padding:30px;box-shadow:0 0 10px #0003}.quiz-box h1{color:#333;margin-bottom:20px}.quiz-box h2{color:#555;margin-bottom:20px}.options{flex-direction:column;gap:15px;display:flex}.options button{color:#fff;cursor:pointer;background-color:#07f;border:none;border-radius:8px;padding:12px;font-size:15px;transition:all .3s}.options button:hover{background-color:#005ed1}.next-btn{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:8px;width:100%;margin-top:25px;padding:12px;font-size:16px}.next-btn:hover{background-color:#006400}.next-btn:disabled{cursor:not-allowed;background-color:gray}.result-container{justify-content:center;align-items:center;height:100vh;display:flex}.result-box{text-align:center;background-color:#fff;border-radius:10px;padding:40px;box-shadow:0 0 10px #0003}.result-box h1{margin-bottom:20px}.result-box h2{color:#07f}