body {
      margin: 0;
      font-family: Arial, sans-serif;
    }
    .navbar {
      background-color: #003366;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 32px;
      height: 64px;
    }
    .navbar-logo {
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: 1px;
    }
    .navbar-links {
      display: flex;
      gap: 24px;
    }
    .navbar-links a {
      color: #fff;
      text-decoration: none;
      font-size: 1rem;
      padding: 8px 0;
      transition: border-bottom 0.2s;
      border-bottom: 2px solid transparent;
    }
    .navbar-links a:hover {
      border-bottom: 2px solid #ffd700;
    }
    .navbar-btn {
      background: #ffd700;
      color: #003366;
      border: none;
      padding: 8px 20px;
      border-radius: 4px;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.2s;
    }
    .navbar-btn:hover {
      background: #e6c200;
    }
    .bms-section {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      padding: 60px 20px;
      background: #f4f6fa;
    }
    .bms-content {
      max-width: 500px;
    }
    .bms-content h1 {
      color: #003366;
      margin-bottom: 16px;
      font-size: 2.2rem;
    }
    .bms-content p {
      color: #333;
      margin-bottom: 32px;
      font-size: 1.1rem;
    }
    .bms-login-btn {
      display: inline-block;
      background: #003366;
      color: #ffd700;
      padding: 12px 32px;
      border-radius: 6px;
      font-weight: bold;
      text-decoration: none;
      font-size: 1rem;
      transition: background 0.2s;
    }
    .bms-login-btn:hover {
      background: #002244;
    }
    .bms-image img {
      width: 340px;
      height: 340px;
      object-fit: cover;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    }
    .bms-users {
      background: #fff;
      padding: 50px 20px;
      display: flex;
      justify-content: center;
    }
    .bms-users-content {
      max-width: 600px;
      text-align: left;
    }
    .bms-users-content h2 {
      color: #003366;
      font-size: 2rem;
      margin-bottom: 18px;
    }
    .bms-users-content p {
      color: #333;
      font-size: 1.1rem;
      margin-bottom: 18px;
    }
    .bms-users-content ul {
      list-style: disc inside;
      color: #003366;
      font-size: 1rem;
      margin: 0;
      padding-left: 18px;
    }
    .bms-users-content li {
      margin-bottom: 8px;
    }
    .bms-start {
      background: #f4f6fa;
      padding: 50px 20px;
      display: flex;
      justify-content: center;
    }
    .bms-start-content {
      max-width: 600px;
      background: #fff;
      padding: 32px;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }
    .bms-start-content h2 {
      color: #003366;
      font-size: 2rem;
      margin-bottom: 10px;
    }
    .bms-start-content h3 {
      color: #0055a5;
      font-size: 1.3rem;
      margin-bottom: 18px;
    }
    .bms-start-content p {
      color: #333;
      font-size: 1.1rem;
      margin-bottom: 18px;
    }
    .bms-start-content ul {
      list-style: disc inside;
      color: #003366;
      font-size: 1rem;
      margin: 0 0 18px 0;
      padding-left: 18px;
    }
    .bms-start-content li {
      margin-bottom: 8px;
    }
    .bms-contact-btn {
      display: inline-block;
      background: #003366;
      color: #ffd700;
      padding: 10px 28px;
      border-radius: 6px;
      font-weight: bold;
      text-decoration: none;
      font-size: 1rem;
      transition: background 0.2s;
    }
    .bms-contact-btn:hover {
      background: #002244;
    }
    .bms-fiscal {
      background: #fff;
      padding: 50px 20px;
      display: flex;
      justify-content: center;
    }
    .bms-fiscal-content {
      max-width: 600px;
      text-align: left;
    }
    .bms-fiscal-content h2 {
      color: #003366;
      font-size: 2rem;
      margin-bottom: 18px;
    }
    .bms-fiscal-content p {
      color: #333;
      font-size: 1.1rem;
      margin-bottom: 18px;
    }
    .bms-fiscal-content ul {
      list-style: disc inside;
      color: #003366;
      font-size: 1rem;
      margin: 0;
      padding-left: 18px;
    }
    .bms-fiscal-content li {
      margin-bottom: 8px;
    }
    @media (max-width: 700px) {
      .navbar {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 16px;
      }
      .navbar-links {
        flex-direction: column;
        gap: 12px;
        width: 100%;
      }
      .navbar-btn {
        margin-top: 12px;
        width: 100%;
      }
      .bms-users {
        padding: 30px 10px;
      }
      .bms-users-content {
        max-width: 100%;
      }
      .bms-start {
        padding: 30px 10px;
      }
      .bms-start-content {
        max-width: 100%;
        padding: 16px;
      }
      .bms-fiscal {
        padding: 30px 10px;
      }
      .bms-fiscal-content {
        max-width: 100%;
      }
    }
    @media (max-width: 900px) {
      .bms-section {
        flex-direction: column;
        gap: 24px;
        padding: 30px 10px;
      }
      .bms-image img {
        width: 100%;
        height: 180px;
      }
    }