*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f7f7f7}a{text-decoration:none;color:inherit}button{cursor:pointer}ul{padding-left:0}h1,h2,h3{margin:0}form{background-color:#fff;max-width:600px;margin:40px auto;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px}input:focus{outline:none;border-color:#007bff}button{width:100%;padding:12px;background-color:#007bff;color:#fff;font-size:18px;border:none;border-radius:4px;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#d6d6d6;cursor:not-allowed}@media screen and (max-width: 768px){form{padding:15px;width:90%}}@media screen and (max-width: 480px){input{font-size:14px}button{font-size:16px}}h1{text-align:center;font-size:40px;color:#333;font-weight:800;text-transform:capitalize;background-color:#007bff;color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;letter-spacing:1px;max-width:90%;margin:30px auto}@media screen and (max-width: 768px){h1{font-size:32px;padding:15px}}table{width:100%;border-collapse:collapse;margin-top:30px;box-shadow:0 4px 6px #0000001a}th,td{padding:12px 20px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#007bff;color:#fff;font-weight:700}td{background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}button{padding:6px 12px;margin:5px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s ease,transform .2s ease}button:first-child{background-color:#007bff;color:#fff}button:first-child:hover{background-color:#0056b3;transform:scale(1.05)}button:last-child{background-color:#ff4d4d;color:#fff}button:last-child:hover{background-color:#e60000;transform:scale(1.05)}@media screen and (max-width: 768px){th,td{padding:8px 12px}button{font-size:14px;padding:5px 10px}}