/* style.css */ 
p{ box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }
body { background-color: #f8f9fa; line-height: 1.6; }
.navbar { background: #111; color: white; padding: 20px 50px; display: flex; justify-content: space-between; }
.nav-links a { color: white; margin-left: 20px; text-decoration: none; }

.hero { background: #0a192f; color: white; padding: 80px 50px; display: flex; justify-content: space-between; align-items: center; }
.hero-content { max-width: 50%; }
.btn-primary { background: #007bff; color: white; padding: 15px 30px; border-radius: 5px; text-decoration: none; display: inline-block; margin-top: 20px; }

.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 50px; }
.card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); text-align: center; }

.footer { background: #111; color: #ccc; padding: 50px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }