/* Reset sederhana */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.6; }
.navbar { display: flex; justify-content: space-between; padding: 1rem 2rem; background: #004085; }
.navbar .logo { color: #fff; font-size: 1.5rem; text-decoration: none; }
.nav-links { list-style: none; display: flex; gap: 1rem; }
.nav-links a { color: #fff; text-decoration: none; }
.hero { text-align: center; padding: 4rem 2rem; background: #e9ecef; }
.hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
.btn-primary { display: inline-block; padding: 0.75rem 1.5rem; background: #28a745; color: #fff; text-decoration: none; border-radius: 4px; }
.features { display: flex; justify-content: center; gap: 2rem; padding: 2rem; }
.feature { background: #f8f9fa; padding: 1rem; border-radius: 4px; width: 200px; text-align: center; }
.footer { text-align: center; padding: 1rem; background: #343a40; color: #fff; }
/* Form & Login Container */
.login-container { max-width: 400px; margin: 5rem auto; padding: 2rem; background: #f8f9fa; border-radius: 4px; }
.login-container h2 { margin-bottom: 1rem; }
.login-container label { display: block; margin-top: 1rem; }
.login-container input { width: 100%; padding: 0.5rem; margin-top: 0.5rem; }
.login-container .error { color: #dc3545; margin-bottom: 1rem; }