*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;background:#fff;color:#222}h1{text-align:center;margin-top:40px;font-size:2.3rem;font-weight:700}form{width:450px;max-width:90%;margin:50px auto;display:flex;flex-direction:column;gap:22px}label{font-size:1rem;font-weight:600;text-align:center;color:#333}input,select{padding:12px;font-size:1rem;border:2px solid #ccc;border-radius:6px;outline:none;transition:border .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e566}button[type=submit]{width:150px;align-self:flex-end;padding:12px;font-size:1rem;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:.2s ease}button[type=submit]:hover{background:#4338ca;transform:translateY(-2px)}.quiz-card{width:450px;margin:20px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;font-family:Arial,sans-serif}.quiz-card .question{font-size:20px;font-weight:700;margin-bottom:18px}.options{display:flex;flex-direction:column;gap:12px}.option{background:#f8f9fa;padding:12px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.3s;font-size:16px}.option:hover{border-color:#4a90e2}.option input{margin-right:10px}.next-btn{margin-top:20px;padding:12px 20px;width:120px;align-self:flex-end;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}.next-btn:hover{background:#357acb}.start-quiz{padding:12px 32px;background:#4c53ff;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:.3s ease;outline:none}.start-quiz:hover{background:#2f37f5;transform:scale(1.05)}.start-quiz:active{transform:scale(.97)}.start-quiz{display:block;margin:50px auto}.result-card{width:350px;margin:50px auto;padding:25px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001f;animation:fadeIn .4s ease-out}.result-title{font-size:24px;font-weight:700;color:#222;margin-bottom:15px}.result-score-box{display:flex;justify-content:center;margin:15px 0 10px}.result-score{background:#f4f4f4;padding:12px 18px;border-radius:10px;min-width:140px;text-align:center}.result-score span{font-size:14px;color:#555;display:block}.result-score strong{margin-top:4px;display:inline-block;font-size:22px;font-weight:700;color:#111}.result-message{margin:15px 0;font-size:16px;font-weight:500;color:#444}.result-btn{background:#4e6cf5;color:#fff;border:none;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;border-radius:30px;transition:all .2s ease}.result-btn:hover{background:#3b53d8;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;margin-top:50px;font-size:14px;color:#888}.footer .heart{color:red;font-weight:700}.footer-link{color:#000;font-weight:600;text-decoration:none;transition:.2s}.footer-link:hover{color:#3b73f8}.navbar{width:100%;padding:14px 20px;background-color:#fff;box-shadow:0 4px 12px #00000014;text-align:center}.navbar-title{font-size:22px;font-weight:700;color:#222;margin:0}