/* USER VARIABLES SECTION */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html, body {
      height: 100%;
    }

    body {
      display: flex;
      flex-direction: column;
      min-height: 100vh; /* ключевое */
      font-family: system-ui, sans-serif;
	  background: #f4f4f4;
    }

    header {
      background: #fff;
      padding: 5px 15px;
    }

    main {
      flex: 1; /* ключевое — растягивает контент */
      
    }

    footer {
      background: #f4f4f4;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
    }
	
	h1{
		    color: #003366;
    width: 100%;
    text-align: center;
    font-weight: 500;
	font-size: 23px;
	margin-top:20px;
	}
	p{
		    font-family: system-ui;
    line-height: 1.4;
    margin-bottom: 13px;
	letter-spacing: normal;
	font-family: "Roboto", "Arial", "Helvetica", sans-serif;
	    font-size: 14px;
    color: #333333;
	}
	.form-card {
      position: relative;
      max-width: 480px;
      background: #fff;
      padding: 30px 30px 30px;
      margin-top: 40px; /* место для "таба" сверху */
    }

    /* Заголовок-вкладка */
    .form-card__title {
      position: absolute;
      top: -40px;
      left: 0;
      height: 40px;
      line-height: 40px;
      padding: 0 24px;
      background: #fff;
      font-size: 18px;
      color: #333;
      font-weight: 400;
    }

    .form-card__field {
      margin-bottom: 24px;
    }

    .form-card__label {
      display: block;
      margin-bottom: 10px;
      font-size: 16px;
      color: #333;
    }

    .form-card__input {
      width: 100%;
      height: 40px;
      padding: 0 12px;
      border: 1px solid #b3b3b3;
      background: #fff;
      font-size: 16px;
      color: #333;
      transition: border-color .15s ease;
    }

    .form-card__input:focus {
      border-color: #4a90e2;
      outline: none;
    }

    /* Кнопка */
    .form-card__actions {
      display: flex;
      justify-content: flex-end;
      margin-top: 8px;
    }

    .form-card__submit {
      display: inline-block;
      padding: 12px 28px;
      background: #2e9e3e;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      border: none;
      transition: background .15s ease;
    }

    .form-card__submit:hover {
      background: #268634;
    }

    /* ===== АДАПТИВ ===== */
    @media (max-width: 480px) {

      .form-card {
        padding: 20px;
        margin-top: 60px;
		 margin-bottom: 60px;
      }
      .form-card__title {
        top: -36px;
        height: 36px;
        line-height: 36px;
        padding: 0 18px;
        font-size: 16px;
      }
      .form-card__submit {
        width: 100%;
        text-align: center;
      }