body { font-family: Arial, sans-serif; background:linear-gradient(180deg,#0d1b2a,#1b263b,#415a77); color:#fff; margin:0; padding:0; line-height:1.6; }
header { background:#0d1b2a; color:#fff; display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; }
header img { height:60px; }
nav a { color:#fff; text-decoration:none; margin:0 1rem; font-weight:bold; }
nav a:hover { text-decoration:underline; }
.hero { background:url('assets/hospital-bg.jpg') center/cover no-repeat; text-align:center; color:#fff; padding:5rem 2rem; }
.hero h1 { font-size:2rem; }
.hero p { font-size:1rem; max-width:700px; margin:1rem auto; }
.btn-primary { background:#1b263b; color:#fff; padding:1rem 2rem; text-decoration:none; border-radius:5px; }
.services, .projects, .contact { background:rgba(255,255,255,0.9); color:#333; margin-top:1rem; padding:3rem 2rem; text-align:center; border-radius:8px; }
.service-grid, .projects-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; }
.service-card { background:#f0f0f0; padding:1.5rem; border-radius:10px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.projects-grid img { width:100%; border-radius:10px; }
.contact form { display:flex; flex-direction:column; gap:1rem; max-width:500px; margin:0 auto; }
.contact input, .contact textarea { padding:0.8rem; border:1px solid #ccc; border-radius:5px; width:100%; }
.contact button { background:#1b263b; color:#fff; border:none; padding:1rem; border-radius:5px; cursor:pointer; }
.contact button:hover { background:#415a77; }
footer { background:#0d1b2a; color:#fff; text-align:center; padding:1rem; font-size:0.9rem; }
@media (min-width:768px) { .hero h1 { font-size:2.5rem; } .hero p { font-size:1.2rem; } }