/* Filmsir branded style for wp-login.php (single-card) */

body.login {
	background:
		radial-gradient(circle at 18% 12%, rgba(201, 184, 150, 0.12), transparent 34%),
		linear-gradient(180deg, rgba(8, 8, 9, 0.96), rgba(5, 5, 6, 0.98)),
		#060607;
	font-family: Inter, "Source Han Sans SC", "PingFang SC", system-ui, sans-serif;
	color: #f7f5f0;
}

body.login #login {
	width: min(92vw, 460px);
	padding-top: 3vh;
}

body.login h1 {
	margin: 0 0 0.7rem;
}

body.login h1 a {
	background-image: none !important;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
	overflow: visible;
	display: block;
	text-decoration: none;
	text-align: left;
}

body.login h1 a::before {
	content: "Filmsir";
	display: block;
	font-family: Manrope, Inter, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	color: #f4f0e8;
	line-height: 1.05;
}

body.login h1 a::after {
	content: "WORLD OF FILM";
	display: block;
	margin-top: 0.32rem;
	font-size: 0.72rem;
	letter-spacing: 0.24em;
	color: rgba(163, 163, 163, 0.88);
}

body.login form {
	position: relative;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0.94), rgba(8, 8, 10, 0.97));
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 14px;
	box-shadow: 0 20px 54px rgba(0, 0, 0, 0.45);
	padding: 1.2rem 1.35rem 1.25rem;
}

body.login form::before {
	content: "欢迎回来";
	display: block;
	font-family: "Noto Serif SC", "Source Han Sans SC", serif;
	font-size: 2.05rem;
	font-weight: 700;
	margin-bottom: 0.3rem;
	color: #f5f1e7;
}

body.login form::after {
	content: "登录 Filmsir，开启你的电影之旅";
	display: block;
	margin: -0.05rem 0 1rem;
	font-size: 0.92rem;
	color: rgba(190, 190, 190, 0.84);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
	background: rgba(15, 15, 16, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	color: #f7f5f0;
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: rgba(201, 184, 150, 0.45);
	box-shadow: 0 0 0 1px rgba(201, 184, 150, 0.4);
}

body.login label,
body.login .forgetmenot {
	color: #b8b8b8;
}

body.login .button.wp-hide-pw .dashicons {
	color: #c9b896;
}

body.login .button-primary {
	background: #ece7dc;
	border-color: #ece7dc;
	border-radius: 999px;
	color: #161616;
	text-shadow: none;
	font-weight: 700;
	padding-inline: 1.2rem;
}

body.login .button-primary:hover {
	background: #f6f1e6;
	border-color: #f6f1e6;
	color: #111;
}

body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link {
	padding-left: 0.1rem;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: #b8b8b8;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #c9b896;
}