/*
 * Content Manager Systems
 * CSS Style
 * Схема дизайна программы для "Content-Zavod"

 * Программа для автоматической отправки видео
 * на площадки социальных сетей
 * 
 * Решение от 12.03.2026
 * Авторизация пользователя
 */

	* { box-sizing: border-box; margin:0; padding:0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
	body {display: flex;justify-content: center;align-items: center; height: 100vh;background: #454b53;}

	body {opacity: 0;transform: translateY(10px);animation: pageIn 0.5s ease forwards;}
	@keyframes pageIn {to {opacity: 1;transform: translateY(0);}}
	
	/* Content */
	.login-container {
		background: #fff;
		padding: 40px 30px;
		border-radius: 12px;
		box-shadow: 0 12px 30px rgba(0,0,0,0.1);
		width: 350px;
		text-align: center;
	}

	.login-container h2 {
		color: #ac008d;
		margin-bottom: 20px;
	}
	
	.login-btn {
		width: 100%;
		padding: 12px;
		border: none;
		border-radius: 8px;
		background: #ac008d;
		color: white;
		font-weight: 600;
		font-size: 16px;
		cursor: pointer;
		transition: background 0.3s;
		display: block;
	}
	.login-btn:hover { background: #357abd; }	

	.login-footer {
		margin-top: 15px;
		font-size: 13px;
		color: #666;
	}

	.login-footer a { color: #4a90e2; text-decoration: none; }
	.login-footer a:hover { text-decoration: underline; }

	.error-login {
		color: #d70909;
		margin-bottom: 10px;	
	}
	
	a {text-decoration: none;}	
	
	
	/* Form */
	.form-container { flex:1; background:#fff; margin:20px; border-radius:12px; padding:30px; box-shadow:0 8px 20px rgba(0,0,0,0.1); overflow-y:auto; }
	
	.form-group {
		margin-bottom: 20px;
		position: relative;
	}	
	
	.form-group label {
		display: block;
		margin-bottom: 6px;
		font-size: 13px;
		color: #555;
		font-weight:600;
	}

	.form-group input:focus,
	.form-group select:focus {
		border-color: #4a90e2;
		outline: none;
	}
	
	input[type=text], input[type=password], textarea,
	input[type=file] { 
		width:100%; 
		padding:10px; 
		border-radius:8px; 
		border:1px solid #ccc; 
		font-size:14px; 
		transition:border 0.3s; 
	}
	
	.form-group i {
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-50%);
		color: #888;
		font-size: 16px;
	}	
	
	textarea { resize:none; height:80px; }