/* Value Driven Agent login screen: brand panel + form. */
:root { --vda-navy: #023047; --vda-navy-2: #0b4160; --vda-teal: #126782; --vda-sky: #6fbfd6; --vda-orange: #ff8d0a; --vda-orange-2: #e67c00; --vda-line: #d5e3ea; --vda-ink: #10293a; --vda-muted: #557080; }

body.login { background: #f5f9fb; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--vda-ink); min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-left: 50%; box-sizing: border-box; }

/* Brand panel */
.vda-login-brand { position: fixed; left: 0; top: 0; bottom: 0; width: 50%; overflow: hidden; display: flex; align-items: center; background: radial-gradient(900px 500px at 90% 10%, rgba(111, 191, 214, .22), transparent 60%), linear-gradient(160deg, var(--vda-navy) 0%, var(--vda-navy-2) 100%); color: #c4dbe6; }
.vda-login-brand::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(180deg, #000, transparent 85%); }
.vda-login-brand__art { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 55%; }
.vda-login-brand__inner { position: relative; max-width: 460px; margin: 0 auto; padding: 48px; }
.vda-login-brand__name { display: inline-block; margin-bottom: 56px; font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 20px; color: #fff; text-decoration: none; letter-spacing: -.01em; }
.vda-login-brand__name:hover, .vda-login-brand__name:focus { color: #fff; }
.vda-login-brand__eyebrow { margin: 0 0 14px; display: inline-block; padding: 6px 12px; border-radius: 99px; background: rgba(255, 141, 10, .14); border: 1px solid rgba(255, 141, 10, .45); color: #ffb35c; font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.vda-login-brand__title { margin: 0 0 16px; font-family: "Montserrat", sans-serif; font-weight: 800; font-size: clamp(32px, 3.4vw, 46px); line-height: 1.08; letter-spacing: -.02em; color: #fff; }
.vda-login-brand__text { margin: 0 0 28px; font-size: 18px; line-height: 1.6; }
.vda-login-brand__new { margin: 0; font-size: 15px; color: #a9c6d4; }
.vda-login-brand__new a { color: #fff; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255, 141, 10, .7); }
.vda-login-brand__new a:hover, .vda-login-brand__new a:focus { color: #ffb35c; }

/* Form side */
.login #login { width: 100%; max-width: 380px; padding: 48px 24px; margin: 0 auto; box-sizing: content-box; }
.login h1 a { width: 240px; height: 80px; background-size: contain; background-position: left center; background-repeat: no-repeat; margin: 0 0 28px; }
.login h1 { text-align: left; }
.login form { margin: 0; padding: 28px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(2, 48, 71, .06), 0 12px 32px rgba(2, 48, 71, .1); border-top: 4px solid var(--vda-orange); }
.login label { font-weight: 600; font-size: 14px; color: var(--vda-navy); }
.login form .input, .login input[type="text"], .login input[type="password"], .login input[type="email"] { margin-top: 6px; padding: 10px 14px; min-height: 48px; font-size: 16px; border: 1.5px solid var(--vda-line); border-radius: 10px; box-shadow: none; background: #fff; }
.login form .input:focus, .login input[type="text"]:focus, .login input[type="password"]:focus { border-color: var(--vda-teal); box-shadow: 0 0 0 3px rgba(18, 103, 130, .15); outline: none; }
.login .button.wp-hide-pw { height: 48px; margin-top: 6px; color: var(--vda-teal); }
.login .button.wp-hide-pw:focus { box-shadow: 0 0 0 2px var(--vda-teal); border-color: transparent; }
.login .forgetmenot { float: none; margin: 4px 0 18px; }
.login .forgetmenot label { font-weight: 500; color: var(--vda-muted); }
.login input[type="checkbox"]:checked::before { content: none; }
.login input[type="checkbox"] { border-color: var(--vda-line); border-radius: 4px; }
.login input[type="checkbox"]:checked { background: var(--vda-teal); border-color: var(--vda-teal); }
.login .submit { clear: both; }
.wp-core-ui .button-primary, .login .button-primary { float: none; width: 100%; min-height: 50px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--vda-orange); color: var(--vda-navy); font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 16px; text-shadow: none; box-shadow: 0 6px 18px rgba(255, 141, 10, .32); transition: background .15s, transform .15s; }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: var(--vda-orange-2); color: var(--vda-navy); transform: translateY(-1px); }
.wp-core-ui .button-primary:focus { box-shadow: 0 0 0 3px rgba(255, 141, 10, .35); }
.login #nav, .login #backtoblog { margin: 16px 0 0; padding: 0 4px; font-size: 14px; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: var(--vda-teal); text-decoration: none; }
.login #nav a:hover, .login #backtoblog a:hover, .login .privacy-policy-page-link a:hover { color: var(--vda-navy); text-decoration: underline; }
.login .privacy-policy-page-link { margin: 28px 0 0; text-align: left; padding: 0 4px; }
.login .message, .login .success, .login #login_error, .login .notice { margin: 0 0 18px; padding: 12px 16px; border-radius: 10px; border-left-width: 4px; box-shadow: none; background: #fff; font-size: 14px; }
.login #login_error { border-left-color: #d9534f; }
.login .message, .login .success { border-left-color: var(--vda-teal); }

/* Narrow screens: the panel becomes a short band above the form */
@media (max-width: 900px) {
	body.login { padding-left: 0; justify-content: flex-start; background: #f5f9fb; }
	.vda-login-brand { position: relative; width: auto; min-height: 0; }
	.vda-login-brand__art { height: 70%; opacity: .7; }
	.vda-login-brand__inner { padding: 28px 24px 36px; max-width: none; margin: 0; }
	.vda-login-brand__name { margin-bottom: 20px; font-size: 17px; }
	.vda-login-brand__title { font-size: 28px; margin-bottom: 8px; }
	.vda-login-brand__text { font-size: 16px; margin-bottom: 0; }
	.vda-login-brand__new { display: none; }
	.login #login { padding: 28px 20px 40px; }
	.login h1 { display: none; }
}

/* Fixes: name on its own line; form never wider than the screen */
.vda-login-brand__name { display: table; }
.login #login { box-sizing: border-box; max-width: 428px; }
@media (max-width: 900px) {
	.login #login { max-width: none; }
	.vda-login-brand__art { opacity: .35; }
	.vda-login-brand__eyebrow { margin-bottom: 10px; }
}