/* AdInsight theme — branded login screen */
body.login {
	background: #f5f6fa;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(380px, 1fr);
	min-height: 100vh;
}
.ait-login-art {
	grid-column: 1; grid-row: 1 / span 10; min-height: 100vh; display: flex; align-items: center; padding: 8vw;
	background: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--ait-brand) 85%, #fff) 0%, transparent 45%),
		linear-gradient(150deg, var(--ait-brand) 0%, #7c3aed 55%, #db2777 100%);
	background-size: cover; background-position: center; color: #fff;
}
.ait-login-art-inner { max-width: 460px; }
.ait-login-mark { width: 56px; height: 56px; border-radius: 16px; background: rgba(255,255,255,.18); display: grid; place-items: center; margin-bottom: 24px; backdrop-filter: blur(6px); }
.ait-login-art h2 { font-size: 34px; margin: 0 0 10px; letter-spacing: -.02em; color: #fff; }
.ait-login-art p { font-size: 17px; opacity: .9; margin: 0 0 26px; }
.ait-login-art ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.ait-login-art li { padding-left: 30px; position: relative; font-size: 15px; opacity: .95; }
.ait-login-art li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: rgba(255,255,255,.22); display: grid; place-items: center; font-size: 12px; }

#login { grid-column: 2; grid-row: 1 / span 10; align-self: center; width: min(380px, 88%); padding: 0; margin: 0 auto; }
.login h1 a {
	background-image: none; width: auto; height: auto; text-indent: 0; font-size: 22px; font-weight: 800; color: #111827;
	background-size: contain; background-position: left center; margin: 0 0 22px; text-align: left; display: block; min-height: 40px;
}
.login form { border: 1px solid #e7e9f0; border-radius: 18px; box-shadow: 0 12px 40px rgba(16, 24, 40, .08); padding: 28px 26px; margin-top: 0; }
.login label { font-weight: 600; color: #374151; font-size: 14px; }
.login input[type=text], .login input[type=password], .login input[type=email] {
	border-radius: 11px; border: 1px solid #d6d9e3; padding: 8px 12px; font-size: 16px; box-shadow: none; min-height: 44px;
}
.login input:focus { border-color: var(--ait-brand) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ait-brand) 20%, transparent) !important; }
.wp-core-ui .button-primary {
	background: var(--ait-brand) !important; border-color: var(--ait-brand) !important; border-radius: 11px !important; min-height: 42px !important;
	padding: 0 22px !important; font-size: 15px !important; font-weight: 650; box-shadow: 0 4px 14px color-mix(in srgb, var(--ait-brand) 35%, transparent) !important;
}
.login #nav, .login #backtoblog { text-align: left; padding: 0 4px; }
.login #nav a, .login #backtoblog a { color: #6b7280 !important; }
.login .message, .login .notice, .login #login_error { border-radius: 12px; border-left-color: var(--ait-brand); }
.language-switcher { grid-column: 2; }

@media (max-width: 860px) {
	body.login { display: block; }
	.ait-login-art { min-height: auto; padding: 36px 24px; }
	.ait-login-art h2 { font-size: 26px; }
	.ait-login-art ul { display: none; }
	#login { padding: 28px 0 40px; }
}