body {margin:0;}

.ui_auth,.ui_auth_mobile {
	font-family:"Segoe UI", Arial, sans-serif;
	position: relative;
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: #2e5a96; /* запасной фон */
	background: radial-gradient(120% 90% at 50% 15%, #3f6fb8 0%, #2e5a96 45%, #1d3f6e 100%);
	}
	/* ===== карточка формы ===== */
	.ui_auth .card
		{
		width: 420px;
		max-width: 100%;
		background: #edf0f7;
		border-radius: 18px;
		box-shadow: 0 12px 28px rgba(0,0,0,.28);
		padding: 32px 28px 24px;
		box-sizing: border-box;
		}
	/* ===== шапка с логотипом ===== */
	.ui_auth .brand
		{
		text-align: center;
		margin-bottom: 26px;
		}
		.ui_auth .brand .brand_logo
			{
			display: block;
			margin: 0 auto 8px;
			width: 56px;
			height: 56px;
			}
		.ui_auth .brand .brand-name
			{
			color: #2e5a96;
			font-size: 30px;
			font-weight: 600;
			letter-spacing: 1px;
			text-transform: lowercase;
			}
		.ui_auth .brand .brand-sub
			{
			color: #2e5a96;
			font-size: 13px;
			letter-spacing: 6px;
			margin-top: 4px;
			}
	/* ===== поля ввода ===== */
	.ui_auth .field
		{
		position: relative;
		margin-bottom: 14px;
		}
		.ui_auth .field .icon
			{
			position: absolute;
			left: 12px;
			top: 50%;
			transform: translateY(-50%);
			width: 18px;
			height: 18px;
			pointer-events: none;
			}
		.ui_auth .field input
			{
			width: 100%;
			height: 42px;
			background: #f7f8fb;
			border: 1px solid #d8dce7;
			border-radius: 6px;
			padding: 0 12px 0 40px;
			font-size: 14px;
			color: #3d4351;
			outline: none;
			box-sizing: border-box;
			}
		.ui_auth .field input::placeholder{ color:#5b7cb0; }
		.ui_auth .field input:focus{ border-color:#2e5a96; }
		.ui_auth .field .pass_eye
			{
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
			width: 22px;
			height: 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			}
			.ui_auth .field .pass_eye img
				{
				width: 18px;
				height: 18px;
				pointer-events: none;
				}
		.ui_auth .field input.user_pass{ padding-right: 42px; }

	/* ===== чекбокс ===== */
	.ui_auth .remember
		{
		display: flex;
		align-items: center;
		gap: 8px;
		width: fit-content;
		margin: 2px 0 18px;
		font-size: 13px;
		color: #3d4351;
		cursor: pointer;
		}
		.ui_auth .remember input{ width:14px; height:14px; accent-color:#2e5a96; }
	/* ===== кнопка ===== */
	.ui_auth .submit
		{
		width: 100%;
		height: 44px;
		border: none;
		border-radius: 8px;
		background: #2e5a96;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 44px;
		cursor: pointer;
		user-select: none;
		transition: background .15s;
		}
	.ui_auth .submit:hover{ background:#254c82; }
	/* ===== нижние ссылки ===== */
	.ui_auth .footer-links
		{
		display: flex;
		justify-content: space-between;
		margin-top: 18px;
		font-size: 13px;
		}
		.ui_auth .footer-links a{ text-decoration:none; }
		.ui_auth .footer-links a:hover{ text-decoration:underline; }
		.ui_auth .footer-links .link-register{ color:#4c525e; cursor:pointer; }
		.ui_auth .footer-links .link-forgot{ color:#a9afd8; }
	/* ===== всплывающее сообщение об ошибке (toast) ===== */
	.ui_auth .warn
		{
		position: fixed;
		top: 24px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1000;
		display: none;
		max-width: 90%;
		background: #d32f2f;
		color: #fff;
		font-size: 13px;
		line-height: 1.4;
		padding: 10px 18px;
		border-radius: 8px;
		box-shadow: 0 6px 18px rgba(0,0,0,.3);
		text-align: center;
		}
	/* ===== мобильная версия ===== */
	.ui_auth_mobile .card
		{
		width: 100%;
		max-width: 420px;
		padding: 28px 20px 20px;
		}
	.ui_auth_mobile .field input
		{
		height: 48px;
		font-size: 16px;
		}
	.ui_auth_mobile .submit
		{
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		}
	.ui_auth_mobile .brand-name{ font-size: 24px; }
	.ui_auth_mobile .brand-sub{ letter-spacing: 4px; }
	@media (max-width: 480px)
		{
		.ui_auth .card{ padding: 24px 16px 18px; }
		}
.ui_auth_9may {
	position: relative;
	width: 100%;
	height: 100%;

	background: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%), -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:    -moz-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),    -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:      -o-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),      -o-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:     -ms-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),     -ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:         radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),         linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background-color: #FFFFFF !important;
	}

	.ui_auth_9may .login
		{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -268px;
		margin-top: -144px;
		width:521px;
		height:287px;
		background-image:url("/pic/account/acc_pic_9may3.png");
		}
		.ui_auth_9may .login .user_name,
		.ui_auth_9may .login .user_pass
			{
			position:absolute;
			left: 346px;
			width: 140px;
			height: 28px;
			border: none;
			font-size: 24px;
			background-color: rgba(255, 0, 0, 0) !important;
			}
		.ui_auth_9may .login .user_name {top: 39px;}
		.ui_auth_9may .login .user_pass {top: 70px;}
		.ui_auth_9may .login .bt
			{
			position:absolute;
			left: 345px;
			top: 103px;
			width: 142px;
			height: 17px;
			cursor: pointer;
			color:rgba(255, 0, 0, 0);
			}
		.ui_auth_9may .login .bottom_field
			{
   			-display: inline-block;
			-text-align: center;
			-margin-top: 213px;
			position: absolute;
			left: 0px;
			-bottom: -30px;
			top: 303px;
			width: 519px;
			}
			.ui_auth_9may .login .bottom_field .warn
				{
				text-align: center;
				font-size: 18px;
				-width: 398px;
				color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				}
			.ui_auth_9may .login .bottom_field .regist_bt
				{
				text-align: center;
				font-size: 18px;
				-width: 398px;
				-color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				cursor: pointer;
				text-decoration: underline;
				color: rgb(134, 134, 154);
				}
		.ui_auth_9may .login .warn1
			{
			position: absolute;
			left: 73px;
			bottom: -30px;
			font-size: 18px;
			font-family: verdana;
			color: rgb(255, 120, 120);
			/* background-color: #FF9999; */
			width: 398px;
			text-align: center;
  			font-weight: bold;
			}
		.ui_auth_9may .login .glory
			{
			-left: 0px;
			-top: -88px;
			margin-top:-90px;
			font-size: 21px;
			font-family: verdana;
			color: rgb(255, 120, 120);
			/* background-color: #FF9999; */
			width: 521px;
			text-align: center;
	  		font-weight: bold;
			}




	.ui_auth .waiting,.ui_auth_9may .waiting,.ui_auth_mobile .waiting
		{
		position: fixed;
		width: 100%;
		height: 100%;
		background-position: center;
		background: url('/pic/loading/loading.gif') center center no-repeat;
		top: 0;
		left: 0px;
		z-index: 999;
		display:none;
		}