:root { --ink:#0e4a57; --accent:#19a66c; --muted:#5a6c73; }
    * { box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
    html,body { margin:0; background:#fff; color:var(--ink); font-family:'Nunito Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    .container { max-width:1180px; margin:0 auto; padding:14px 16px; }

    /* Header / Nav (V3) */
    header { position:sticky; top:0; z-index:10; background:#fff; border-bottom:1px solid rgba(14,74,87,.08); }
    .nav { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap: wrap; }
    .brand img { width:180px; height:auto; object-fit:contain; }
    nav a { text-decoration:none; color:var(--ink); font-weight:800; margin-left:14px; border-bottom:2px solid transparent; }
    nav a:hover { color:var(--accent); border-color:var(--accent); }
    .login { margin-left:10px; padding:8px 12px; border-radius:10px; border:2px solid var(--ink); background:var(--ink); color:#fff; text-decoration:none; font-weight:900; }
    .login:hover { background:var(--accent); border-color:var(--accent); }

    /* Dropdown */
    .dropdown { position: relative; display: inline-block; }
    .dropbtn { text-decoration: none; color: var(--ink); font-weight: 800; margin-left: 14px; padding: 8px 0; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: 0; background: #fff; min-width: 260px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.1); border-radius: 8px; z-index: 20;
    }
    .dropdown-content a { display: block; padding: 10px 14px; text-decoration: none; color: var(--ink); font-weight: 600; border-bottom: 1px solid #eee; }
    .dropdown-content a:last-child { border-bottom: none; }
    .dropdown-content a:hover { background: var(--accent); color: #fff; }
    .dropdown:hover .dropdown-content { display: block; }

    /* Team section */
    .team-wrap { padding: 30px 16px; }
    .team-grid { display:grid; grid-template-columns:1fr; gap:30px; align-items:center; }
    @media(min-width:880px){ .team-grid{ grid-template-columns:1fr 0.8fr; } }
    .team-text h2 { margin:0 0 6px; font-size:28px; color:var(--ink); }
    .team-text p { margin:0 0 12px; line-height:1.6; font-size:16px; color:#333; }
    .team-photo { display:flex; justify-content:center; }
    .team-photo img { max-width:360px; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,0.1); }

    /* Tablet Styles */
    @media (min-width: 640px) {
      .container { padding: 14px 24px; }
      .brand img { width: 160px; }
      .nav { gap: 20px; }
      nav a { margin-left: 20px; }
      .login { padding: 10px 16px; }
      .team-wrap { padding: 40px 16px; }
      .team-grid { gap: 40px; }
      .team-text h2 { font-size: 32px; }
      .team-text p { font-size: 18px; }
      .team-photo img { max-width: 400px; }
      .foot img { width: 160px; }
      .copy { font-size: 18px; }
    }

    /* Small screen nav adjustments */
    @media (max-width: 639px) {
      .nav { flex-direction: column; align-items: center; gap: 10px; }
      .brand img { display: block; margin: 0 auto; }
      nav { width: 100%; text-align: center; }
      nav a { margin-left: 0; margin-right: 14px; }
      .login { display: block; width: 92%; padding: 12px 16px; text-align: center; margin-top: 10px; }
      .team-wrap { padding: 20px 16px; }
      .team-grid { gap: 20px; }
      .team-text h2 { font-size: 24px; }
      .team-text p { font-size: 16px; }
      .team-photo img { max-width: 90vw; }
      .foot { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
    }

    /* Large Desktop Styles */
    @media (min-width: 1200px) {
      .container { padding: 14px 32px; }
      .team-wrap { padding: 60px 16px; }
      .team-grid { gap: 50px; }
      .team-text h2 { font-size: 36px; }
      .team-text p { font-size: 20px; }
      .team-photo img { max-width: 450px; }
    }

    /* Footer (V3) */
    footer { border-top:1px solid rgba(14,74,87,.08); margin-top:40px; }
    .foot { display:flex; align-items:center; gap:10px; padding:16px 0; }
    .foot img { width:180px; height:auto; }
    .copy { font-size:18px; color:var(--muted); font-weight:700; }