/* Root & Fonts */
:root {
  --navy: #0b1d51;
  --gold: #ffcc00;
  --white: #ffffff;
  --gray: #f5f7fb;
  --text-dark: #333;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Roboto', sans-serif; color: var(--text-dark); line-height: 1.6; background: var(--gray); }

/* Container */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header */
.header { background: var(--white); display:flex; align-items:center; justify-content:space-between; padding: 15px 20px; position: sticky; top:0; z-index:1000; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.header .nav a { margin-left:20px; text-decoration:none; font-weight:500; color: var(--navy); transition:0.3s; }
.header .nav a:hover { color: var(--gold); }
.logo img { height:50px; }

/* Hamburger */
.hamburger { display:none; flex-direction:column; cursor:pointer; gap:5px; }
.hamburger span { display:block; width:25px; height:3px; background: var(--navy); border-radius:2px; }
.mobile-nav { display:none; flex-direction:column; gap:15px; background: var(--white); padding:15px 20px; }
.mobile-nav.show { display:flex; }

/* Hero */
.hero { position: relative; min-height: 80vh; display:flex; align-items:center; justify-content:center; text-align:center; color: var(--white); background: url('assets/hero-bg.jpg') center/cover no-repeat; }
.hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(11,29,81,0.6); }
.hero-content { position:relative; z-index:2; max-width:800px; }
.hero h1 { font-size:3rem; font-weight:700; margin-bottom:20px; }
.hero p { font-size:1.2rem; margin-bottom:30px; }
.btn-primary { background: var(--gold); color: var(--navy); padding: 12px 30px; border-radius:5px; font-weight:600; text-decoration:none; transition:0.3s; }
.btn-primary:hover { background: linear-gradient(135deg,#ffcc00,#ffd633); transform:scale(1.05); }

/* Sections */
.section { padding:60px 0; text-align:center; }
.section h2 { font-size:2.5rem; margin-bottom:20px; color: var(--navy); }
.section p { font-size:1rem; color: #555; max-width:700px; margin: 0 auto; }

/* Services & Team Grid */
.services-grid, .team-grid { display:grid; gap:30px; grid-template-columns:repeat(3,1fr); margin-top:40px; }
.service-card, .team-member { background: var(--white); padding:20px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); opacity:0; transform:translateY(20px); transition:0.6s; }
.service-card.visible, .team-member.visible { opacity:1; transform:translateY(0); }
.service-card img, .team-member img { width:100%; height:auto; border-radius:12px; margin-bottom:15px; }
.service-card h3, .team-member h3 { color: var(--navy); margin-bottom:10px; }
.service-card p, .team-member p { color:#555; font-size:0.95rem; }

/* Footer */
.footer { background: var(--navy); color: var(--white); padding:30px 0; text-align:center; font-size:0.9rem; }
.footer a { color: var(--gold); text-decoration:none; }

/* Responsive */
@media(max-width:1024px){.services-grid,.team-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.services-grid,.team-grid{grid-template-columns:1fr;} .hamburger{display:flex;} .nav{display:none;}}