body { font-family: Arial, sans-serif; margin:0; padding:0; }
.navbar { background:#333; color:#fff; padding:10px 20px; display:flex; justify-content:space-between; }
.navbar .menu { list-style:none; margin:0; padding:0; display:flex; }
.navbar .menu li { margin-left:20px; }
.navbar .menu li a { color:#fff; text-decoration:none; }
.hero { text-align:center; padding:100px 20px; background:#f4f4f4; }
.hero .btn { padding:10px 20px; background:#007bff; color:#fff; text-decoration:none; border-radius:5px; }
.features { display:flex; justify-content:space-around; padding:50px 20px; }
.feature { text-align:center; width:30%; }
input, button { padding:10px; margin:5px 0; width:100%; max-width:400px; }
button { background:#007bff; color:#fff; border:none; cursor:pointer; }
table { width:100%; border-collapse:collapse; margin-top:20px; }
th, td { padding:10px; text-align:left; border:1px solid #ccc; }