html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

h1,h2,h3,h4,p {
   margin: 0px;
    padding: 0px;
}

 

ul, li {
	list-style: none;
    padding: 0;
    margin: 0;
}



   .form-container {
           
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-row {
            display: flex;
            gap: 15px;
            margin-bottom: 20px;
        }
        
        .form-row .form-group {
            flex: 1;
            margin-bottom: 0;
        }
        
        input, textarea {
			box-sizing: border-box;
            width: 100%;
            padding: 20px;
            border: 0px solid #ddd;
            border-radius: 15px;
            font-size: 16px;
            transition: all 0.3s ease;
        }
        
        input:focus, textarea:focus {
            outline: none;
            border-color: #4a6fa5;
            box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.2);
        }
        
        textarea {
            min-height: 120px;
            resize: vertical;
        }
        
 
        
        .checkbox-group {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin: 15px 0;
            font-size:14px;
             
            border-radius: 6px;
        }
        
        .checkbox-group input {
            width: auto;
            margin-top: 4px;
        }
        
        .checkbox-group label {
           
            line-height: 1.5;
        }
        
     
        
        .footer {
            text-align: center;
            padding: 20px;
            font-size: 14px;
            color: #6c757d;
         
        }
        
        /* Стили для уведомления */
        .notification {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            text-align: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
        }
        
        .notification.show {
            opacity: 1;
            visibility: visible;
        }
        
        .notification-icon {
            font-size: 60px;
            color: #1CA4FB;
            margin-bottom: 15px;
        }
        
        .notification h3 {
            margin-bottom: 10px;
            
        }
        
        .notification p {
            
            margin-bottom: 20px;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
        }
        
        .overlay.show {
            opacity: 1;
            visibility: visible;
        }
        
        .countdown-bar {
            height: 5px;
            width: 100%;
            background: #e0e0e0;
            border-radius: 3px;
            margin-top: 15px;
            overflow: hidden;
        }
        
        .countdown-progress {
            height: 100%;
            width: 100%;
            background: #1CA4FB;
            border-radius: 3px;
            transform-origin: left;
        }
        
        @media (max-width: 600px) {
            .form-row {
                flex-direction: column;
                gap: 20px;
            }
            
            .notification {
                width: 90%;
                padding: 20px;
            }
        }
		
		/* Для совместимости со старыми браузерами */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   font-family: 'MuseoSansCyrl-500';
    font-weight: 500;
    color: #969696;
	font-size:18px;
}
::-moz-placeholder { /* Firefox 19+ */
   font-family: 'MuseoSansCyrl-500';
    font-weight: 500;
    color: #969696;
		font-size:18px;
    opacity: 1; /* Firefox по умолчанию уменьшает opacity */
}
:-ms-input-placeholder { /* IE 10+ */
   font-family: 'MuseoSansCyrl-500';
    font-weight: 500;
    color: #969696;
		font-size:18px;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: 'Your Font', sans-serif;
    font-weight: 500;
    color: #969696;
		font-size:18px;
}

.required-field {
	color: #969696;
}




.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  
  user-select: none;
}

/* Скрываем стандартный чекбокс */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Создаем кастомный чекбокс */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
   
  border: 1px solid #969696;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* При наведении */
.custom-checkbox:hover input ~ .checkmark {
  
}

/* Когда чекбокс отмечен */
.custom-checkbox input:checked ~ .checkmark {
   
}

/* Создаем галочку */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Показываем галочку при checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Стиль галочки */
.custom-checkbox .checkmark:after {
 left: 7px;
    top: 1px;
    width: 10px;
    height: 18px;
    border: solid #1CA4FB;
    border-width: 0 3px 3px 0;
    transform: rotate(35deg);
}









		
		
		 @keyframes countdown {
            0% {
                transform: scaleX(1);
            }
            100% {
                transform: scaleX(0);
            }
        }