.post-password-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.post-password-form {
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	border-top: 5px solid #f96e15;
	max-width: 400px;
	margin: 20px auto;
	padding: 40px;
	text-align: center;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.post-password-form h3 {
	font-size: clamp(20px, 5vw, 30px);
}

.post-password-form .icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #f9f4e1;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-password-form .icon svg {
	stroke: #f96e15;
}

.post-password-form .form-group {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.post-password-form .form-group label {
	align-self: flex-start;
	font-weight: 600;
}

.post-password-form input[type="password"] {
	padding: 10px;
	background-color: #f5f7f8;
	border: 1px solid #ccc;
	border-radius: 8px;
	width: 100%;
	transition: box-shadow .3s ease-in-out;
}

.post-password-form input[type="password"]:focus {
	border: 1px solid #f96e15;
	outline: none;
	/* Дополнительные слои: тень без размытия работает как граница */
	/* Синтаксис: box-shadow: 0 0 0 [ширина] [цвет], ... */
	box-shadow:
			0 0 0 2px white,   /* Вторая граница (белая) */
			0 0 0 4px #f96e15; /* Третья граница (оранжевая) */
}

.post-password-form button {
	background-color: #fcb78d;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	transition: background-color .3s ease-in-out;
}

.post-password-form button:hover {
	background-color: #f96e15;
}

.post-password-form button svg {
	width: 16px;
	height: 16px;
}

.post-password-info {
	font-size: 12px;
}