/* Start:/bitrix/templates/aspro_max/components/bitrix/main.register/main/style.css?17619130716728*/
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/bitrix/templates/aspro_max/components/bitrix/main.register/main/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/bitrix/templates/aspro_max/components/bitrix/main.register/main/images/sec-unlocked.png);}
/*.module-form-block-wr .form-block label.error {color: #b92200; text-transform: none; margin-bottom: 10px; font-family: Arial, sans-serif;
display: block;
font-size: 12px;
margin:0px;
padding:0px;
position: relative;
top:4px;
}*/
/*.button-30{margin-top: 17px;}*/
.error-fld2 {
	position: absolute;
	top: 27px;
	left: 465px;
	float: right;
	height: 28px;
	padding: 3px 0 0 9px !important;
	color:#fff !important;
	width: 130px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/templates/aspro_max/components/bitrix/main.register/main/images/error.png);
}

/* Стили для валидации полей ФИО */
.form-control input.error {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
	transition: all 0.3s ease;
}

.form-control input.error:focus {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.form-control label.error {
	color: #dc3545;
	font-size: 12px;
	margin-top: 5px;
	display: block;
	font-weight: 500;
	animation: fadeIn 0.3s ease;
}

/* Стили для обязательных полей */
.form-control .star {
	color: #dc3545;
	font-weight: bold;
	font-size: 14px;
}

/* Анимация появления ошибок */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-5px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Стили для успешной валидации */
.form-control input.valid {
	border-color: #28a745 !important;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

/* Стили для полей ФИО */
.form-control input[pattern] {
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control input[pattern]:valid {
	border-color: #28a745;
}

.form-control input[pattern]:invalid {
	border-color: #dc3545;
}

/* Стили для уведомления о блокировке спецсимволов */
.special-chars-warning {
	color: #dc3545;
	font-size: 11px;
	margin-top: 3px;
	font-style: italic;
	animation: fadeIn 0.3s ease;
}

/* Стили для трех полей ФИО в ряд */
.fio-fields-container {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
}

.fio-field {
	flex: 1;
}

.fio-field label {
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
}

.fio-field input {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: border-color 0.3s ease;
}

.fio-field input:focus {
	border-color: #007bff;
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* удалены пользовательские стили glassmorphism */

/* Полупрозрачная стеклянная панель формы */
.pk-page .form {
	background: rgba(255,255,255,0.06) !important;
	border: 1px solid rgba(255,255,255,0.12) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	backdrop-filter: blur(8px) !important;
	border-radius: 16px !important;
	padding: 24px !important;
	box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
}

/* Контейнеры полей: убираем заливку/рамки у всех вариаций */
.pk-page .fio-fields-container,
.pk-page .form-control,
.pk-page .form-control.error,
.pk-page .form-control.eye-password,
.pk-page .form-control.captcha-row,
.pk-page .captcha-row.clearfix {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* удалены временные стили контейнера liquid glass */

/* ===================== Liquid Glass (легкий, без blur) ===================== */
/* Применяем к полям регистрации: input, select, textarea, captcha */
.pk-page .form .form-control input,
.pk-page .form .form-control select,
.pk-page .form .form-control textarea,
.pk-page .form .captcha-row .captcha_input input {
	/* Tailwind: relative rounded-xl border border-white/20 bg-white/70 dark:bg-zinc-900/60 backdrop-blur p-4 shadow-lg ring-1 ring-black/5 */
	position: relative !important;
	border-radius: 12px !important; /* rounded-xl */
	border: 1px solid rgba(255,255,255,0.25) !important; /* белый контур, но мягкий */
	background: rgba(255,255,255,0.18) !important; /* стекло: заметная прозрачность */
	-webkit-backdrop-filter: blur(10px) !important; /* мягкий блюр */
	backdrop-filter: blur(10px) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.20), 0 8px 18px rgba(0,0,0,0.22) !important; /* лёгкая фаска + тень */
	color: rgba(255,255,255,0.92) !important; /* текст под тёмный фон сайта */
}

/* Темная тема — те же параметры (без выбеливания) */
@media (prefers-color-scheme: dark) {
	.pk-page .form .form-control input,
	.pk-page .form .form-control select,
	.pk-page .form .form-control textarea,
	.pk-page .form .captcha-row .captcha_input input {
		background: rgba(255,255,255,0.18) !important;
		border-color: rgba(255,255,255,0.25) !important;
		color: rgba(255,255,255,0.92) !important;
	}
}

/* плейсхолдеры под белое стекло */
.pk-page .form .form-control input::placeholder,
.pk-page .form .form-control textarea::placeholder { color: rgba(255,255,255,0.70) !important; }

.pk-page .form .form-control input::placeholder,
.pk-page .form .form-control textarea::placeholder { color: rgba(255,255,255,0.65) !important; }

.pk-page .form .form-control input:hover,
.pk-page .form .form-control select:hover,
.pk-page .form .form-control textarea:hover,
.pk-page .form .captcha-row .captcha_input input:hover {
	border-color: rgba(255,255,255,0.35) !important;
	background: rgba(255,255,255,0.20) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.22), 0 10px 20px rgba(0,0,0,0.24) !important;
}

.pk-page .form .form-control input:focus,
.pk-page .form .form-control select:focus,
.pk-page .form .form-control textarea:focus,
.pk-page .form .captcha-row .captcha_input input:focus {
	border-color: rgba(255,255,255,0.45) !important;
	background: rgba(255,255,255,0.24) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.32), inset 0 -1px 0 rgba(0,0,0,0.24), 0 12px 22px rgba(0,0,0,0.26) !important;
}
/* End */
/* /bitrix/templates/aspro_max/components/bitrix/main.register/main/style.css?17619130716728 */