body {
      margin: 0;
      font-family: Arial, sans-serif !important;
      background: #f0f4f8;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .container {
      display: flex;
      align-items: center;
      gap: 5px; /* расстояние между колонками */
    }

    .image-block img {
      display: block;
      height: 100%;       /* подгоняем по высоте формы */
      object-fit: contain; /* чтобы картинка не обрезалась */
      border-radius: 8px;
    }

    .login-container {
      padding: 20px 25px;
      border: 7px solid #ccc;
      border: 3px solid #abb3ed;
      border-radius: 12px;
      background: #fff;
      background: #f0f8ff;
      background: #afeeee;
      background: #80A6FF;

      background: #abb3ed;		/* !!! */
      background: #c4cde6;		/* !!! */
      background: #c8d0e3;		/* !!! */
      background: #b1c0e1;		/* !!! */
      background: #fff;


      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      width: 220px;      /* уменьшенная ширина формы */
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 300px;     /* фиксируем высоту (ориентир для картинок) */
    }

    .login-container h2 {
      margin: 0 0 15px;
      text-align: center;
      font-size: 20px;
    }

    .login-container input {
      width: 90%;

      justify-content: center;
      align-items: center;

      padding: 8px;
      margin-bottom: 12px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
    }

    .login-container button {
      width: 100%;
      padding: 10px;
      background: #2f70c0;
      color: white;
      border: none;
      border-radius: 6px;
      font-size: 15px;
      cursor: pointer;
      margin-top: auto;
    }

    .login-container button:hover {
      background: #1d4d8c;
    }