* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      padding: 20px;
    }

    #logo {
      justify-content: center;
      text-align: center;
    }
    
    #err {
      justify-content: center;
      text-align: center;
      color: red;
    }

    .form-container {
      background-color: white;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 500px;
    }

    h1 {
      text-align: center;
      margin-bottom: 20px;
      color: #333;
    }

    .tariff-option {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      padding: 10px;
      border: 1px solid #ddd;
      border-radius: 4px;
      cursor: pointer;
    }

    .tariff-option:hover {
      background-color: #f9f9f9;
    }

    .tariff-option input[type="radio"] {
      margin-right: 12px;
      transform: scale(1.2);
    }

    .tariff-option label {
      cursor: pointer;
      font-size: 16px;
      color: #333;
    }

   .email-input-container {
      display: flex;
      flex-direction: column; /* Располагаем label и input вертикально */
      margin-bottom: 15px; /* Отступ снизу как у .tariff-option */
      padding: 10px; /* Отступ внутри как у .tariff-option */
      border: 1px solid #ddd; /* Рамка как у .tariff-option */
      border-radius: 4px; /* Скругление как у .tariff-option */
    }

    .email-input-container label {
      font-size: 16px; /* Размер шрифта как у других label */
      color: #333; /* Цвет шрифта как у других label */
      margin-bottom: 5px; /* Небольшой отступ между label и input */
      cursor: pointer; /* Курсор как у других label */
    }

    .email-input-container input[type="email"] { /* Используем type="email" для валидации */
      padding: 8px; /* Внутренний отступ */
      border: 1px solid #ccc; /* Рамка поля ввода */
      border-radius: 3px; /* Скругление углов поля ввода */
      font-size: 14px; /* Размер шрифта */
      width: 100%; /* Поле занимает всю ширину контейнера */
      box-sizing: border-box; /* Учитываем padding в ширине */
    }

    .email-input-container input[type="email"]:focus {
      outline: none; /* Убираем стандартный outline */
      border-color: #007BFF; /* Цвет рамки при фокусе */
      box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); /* Лёгкая тень при фокусе */
    }
    
    .apply-btn {
      display: block;
      width: 100%;
      padding: 12px;
      margin-top: 20px;
      background-color: #f3b524;
      color: white;
      border: none;
      border-radius: 4px;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .apply-btn:hover {
      background-color: #D4A13B;
    }

    .apply-btn:disabled {
      background-color: #cccccc;
      cursor: not-allowed;
      opacity: 0.6;
    }

    @media (max-width: 600px) {
      .form-container {
        padding: 20px;
      }

      h1 {
        font-size: 1.4em;
      }

      .tariff-option label {
        font-size: 14px;
      }

      .apply-btn {
        padding: 14px;
        font-size: 16px;
      }
    }