body {
      font-family: 'Inter', sans-serif;
      margin: 0;
      height: 100vh; /* Full viewport height */
      overflow: hidden; /* No scrolling */
      display: flex;
      flex-direction: column;
      background: linear-gradient(135deg, #1a365d 50%, #f7f7f7 50%); /* Dark blue left, light cream/milk right */
    }

    .regship-header-container {
      position: absolute; /* Position the header absolutely */
      top: 0;
      left: 0;
      padding: 2rem; /* Add some padding to the header */
      z-index: 10;
    }

    .regship-header {
      display: flex;
      align-items: center;
      color: white; /* Header text color */
    }

    .regship-header h1 {
      font-family: 'Montserrat', sans-serif;
      font-size: 3rem; /* Adjusted font size for a more compact header */
      font-weight: 900;
      margin-left: 1rem; /* Space between logo and title */
      text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
      animation: fadeZoomIn 1.2s ease-out forwards;
      opacity: 0;
    }

    @keyframes fadeZoomIn {
      0% {
        transform: scale(0.9);
        opacity: 0;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }

    .mygov-login-section {
      background-color: white;
      border-radius: 1.5rem;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
      padding: 3.5rem;
      max-width: 26rem;
      width: 90%;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 10;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      position: absolute; /* Position the login section absolutely */
      top: 50%; /* Center vertically */
      left: 50%; /* Center horizontally */
      transform: translate(-50%, -50%); /* Adjust for true centering */
    }

    .mygov-login-section:hover {
      transform: translate(-50%, -50%) translateY(-5px); /* Adjusted for centering */
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    }

    .mygov-login-section h2 {
      font-size: 3rem;
      font-weight: 800;
    }

    .digital-login-button {
      background-color: #2563eb;
      border: none;
      box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
      transition: all 0.3s ease-in-out;
    }

    .digital-login-button:hover {
      background-color: #1d4ed8;
      transform: scale(1.03);
      box-shadow: 0 6px 20px rgba(29, 78, 216, 0.6);
    }

    /* Footer specific styles */
    .regship-footer {
      position: absolute; /* Position the footer absolutely */
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Subtle shadow for readability on gradient */
      padding: 1rem 0; /* Adjust padding as needed */
      z-index: 10;
      color: #718096; /* Original gray color */
      background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent white background for readability */
      border-top: 1px solid rgba(226, 232, 240, 0.8); /* Subtle border top */
    }

    /* Media queries for responsiveness */
    @media (max-width: 768px) {
      .regship-header h1 {
        font-size: 2rem;
      }

      .regship-header-container {
        padding: 1rem;
      }

      .mygov-login-section {
        padding: 2.5rem;
      }

      .mygov-login-section h2 {
        font-size: 2.5rem;
      }

      .digital-login-button {
        font-size: 1.125rem;
        padding: 0.75rem 1.5rem;
      }

      .regship-footer {
        padding: 0.75rem 0;
        font-size: 0.75rem; /* Smaller font for mobile */
      }
    }