body {font-family: Arial, sans-serif; margin:0; padding:0; background:#fff;}
header {background:#000; color:#FFC107; padding:15px; display:flex; justify-content:space-between; align-items:center;}
nav a {color:#fff; margin:0 10px; text-decoration:none;}
.hero {background:#FFC107; padding:60px 20px; text-align:center;}
.hero h1 {font-size:40px; margin-bottom:10px;}
.section {padding:40px 20px;}
.footer {background:#000; color:#fff; text-align:center; padding:20px;}
.button {background:#000; color:#FFC107; padding:10px 20px; border:none; cursor:pointer;}
.login-box {background:#fff; padding:20px; max-width:300px; margin:20px auto; border-radius:8px;}
input {width:100%; padding:10px; margin:10px 0;}
@media(max-width:768px){.hero h1{font-size:28px;}}