body[data-path="login"] {
	--pa-login-ink: #173b3f; --pa-login-sage: #3f7468; --pa-login-amber: #d99536;
	min-height: 100dvh; color: var(--pa-login-ink); background: #f2f5f1;
}
body[data-path="login"] #page-login,
body[data-path="login"] .page-content-wrapper,
body[data-path="login"] main.container,
body[data-path="login"] .page_content { min-height: 100dvh; }
body[data-path="login"] .page-content-wrapper { padding-top: 0; }
body[data-path="login"] main.container { width: 100%; max-width: none; margin: 0; padding: 0; }
body[data-path="login"] .page-header-wrapper, body[data-path="login"] .page-footer { display: none; }
body[data-path="login"] .page_content { display: grid; place-items: center; padding: clamp(20px,5vw,60px); }
body[data-path="login"] .pa-login-shell {
	display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr);
	width: min(1100px,calc(100vw - 40px)); min-height: min(660px,calc(100dvh - 70px));
	overflow: hidden; border: 1px solid rgba(23,59,63,.1); border-radius: 26px; background: #fff;
	box-shadow: 0 28px 85px rgba(23,59,63,.16);
}
body[data-path="login"] .pa-login-brand {
	position: relative; display: flex; align-items: center; overflow: hidden; padding: clamp(45px,6vw,80px);
	color: #fff; background: radial-gradient(circle at 85% 15%,rgba(217,149,54,.45),transparent 29%),linear-gradient(145deg,#112f2b,#22594f 58%,#317264);
}
body[data-path="login"] .pa-login-brand::after { position:absolute; right:-110px; bottom:-140px; width:390px; height:390px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.04),0 0 0 120px rgba(255,255,255,.025); content:""; }
body[data-path="login"] .pa-login-copy { position: relative; z-index: 1; max-width: 500px; }
body[data-path="login"] .pa-login-name { font-size: 13px; font-weight: 750; letter-spacing: .16em; color: #f3c175; }
body[data-path="login"] .pa-login-brand h1 { max-width: 12ch; margin: 22px 0; color:#fff; font-size:clamp(2.7rem,4.4vw,4.7rem); line-height:.98; letter-spacing:-.055em; }
body[data-path="login"] .pa-login-brand p:last-child { max-width: 38ch; color:rgba(255,255,255,.78); font-size:1.06rem; line-height:1.65; }
body[data-path="login"] .pa-login-shell>section { grid-column:2; grid-row:1; align-self:center; width:100%; margin:0; padding:48px clamp(38px,5vw,72px); }
body[data-path="login"] .login-content.page-card { width:100%; max-width:410px; margin:auto; padding:0; border:0; background:transparent; box-shadow:none; }
body[data-path="login"] .page-card-head { margin-bottom:28px; text-align:left; }
body[data-path="login"] .page-card-head .app-logo { max-width:210px; max-height:78px; margin:0 0 25px; }
body[data-path="login"] .page-card-head h4 { color:var(--pa-login-ink); font-size:1.75rem; font-weight:750; }
body[data-path="login"] .page-card .form-control { min-height:48px; border:1px solid #d9e1de; border-radius:12px; }
body[data-path="login"] .page-card .form-control:focus { border-color:var(--pa-login-sage); box-shadow:0 0 0 3px rgba(63,116,104,.15); }
body[data-path="login"] .page-card .btn-primary, body[data-path="login"] .page-card .btn-login { min-height:48px; border-color:var(--pa-login-sage)!important; border-radius:12px; background:var(--pa-login-sage)!important; font-weight:700; box-shadow:0 10px 25px rgba(23,59,63,.18); }
body[data-path="login"] #page-login .page-card a:not(.btn) { color:#2d6c5e!important; font-weight:600; }
@media(max-width:767px){body[data-path="login"] .pa-login-shell{display:block;width:min(520px,calc(100vw - 24px))}body[data-path="login"] .pa-login-brand{display:none}body[data-path="login"] .pa-login-shell>section{padding:36px 27px}}