:root { --primary: #16645e; --primary-dark: #173f38; --primary-light: #dce9c7; --panel-bg: #f7f7f0; --text-dark: #203c34; --text-muted: #5b7064; --stroke: #d5dfd0; --ring: #16645e24; }
body { background: var(--panel-bg); }
.brand-panel { background: #163d35; padding: 5.5rem clamp(2rem, 4vw, 4.5rem) 3rem; align-items: flex-start; }
.brand-panel::before { inset: 0; width: 100%; height: 100%; animation: none; background: linear-gradient(180deg, #103d36d9, #133f35e8), url('/assets/img/brand/architecture.jpg') center / cover; }
.iraq-identity .brand-panel::before { background-image: linear-gradient(180deg, #103d36a6, #133f35f2), url('/assets/img/brand/baghdad.jpg'); }
.brand-panel::after { display: none; }
.brand-content { text-align: start; max-width: 560px; width: 100%; animation: none; }
.brand-logo { display: flex; width: max-content; padding: 0; border: none; background: transparent; margin: 0 0 2.5rem; }
.brand-logo img { width: 196px; filter: none; }
.brand-logo img[src$="wordmark.svg"] { filter: brightness(0) invert(1); }
.brand-title { line-height: 1.5; font-size: clamp(2rem, 3.1vw, 3.15rem); letter-spacing: -.025em; }
[dir="rtl"] .brand-title { letter-spacing: 0; line-height: 1.8; }
.brand-subtitle { margin: .9rem 0 1.8rem; line-height: 1.9; font-size: .94rem; color: #e1ebdb; }
.jurisdiction-label { display: inline-flex; align-items: center; gap: .6rem; border: 1px solid #becfad66; background: #173f3666; color: #eee2bb; border-radius: 5px; padding: .5rem .8rem; font-size: .76rem; margin-bottom: 1.5rem; }
.gcc-badges { justify-content: flex-start; }
.feature-list li { font-size: .84rem; line-height: 1.9; }
.feature-icon { background: #ffffff12; border: 1px solid #ffffff22; color: #e4d8af; }
.identity-caption { color: #c8d8c6; border-top: 1px solid #d5e0c92b; padding-top: 1.25rem; margin: 2rem 0 0; font-size: .72rem; line-height: 1.9; }
.form-panel { background: #f7f7f0; }
.form-panel::before { display: none; }
.login-card { padding: 2.3rem; max-width: 460px; background: #fff; border: 1px solid #dfe5d8; border-radius: 12px; box-shadow: 0 12px 60px -30px #213e3030; }
.login-header { text-align: start; margin-bottom: 1.8rem; }
.login-header h2 { line-height: 1.65; font-size: 1.65rem; }
.login-header .login-logo { margin: 0 0 1.6rem; height: 44px; }
.login-header p { line-height: 1.8; font-size: .85rem; }
.form-control { border-radius: 7px; background: #fbfcf9; min-height: 50px; }
.btn-login { background: #16645e; border-radius: 7px; box-shadow: none; min-height: 50px; }
.btn-login:hover { background: #104b46; box-shadow: none; transform: none; }
.lang-toggle { font-family: inherit; background: #fff; }
.lang-dropdown:focus-within .lang-menu { display: block; opacity: 1; visibility: visible; transform: translateY(0); }
.copyright { color: #63735f; font-size: .72rem; }
.login-region { color: #7e5b35; font-size: .72rem; display: block; margin-bottom: .8rem; }
:focus-visible { outline: 3px solid #b58b51; outline-offset: 3px; }
@media (max-width: 1100px) { .brand-panel { padding-inline: 2rem; } }
@media (max-width: 760px) {
  .brand-panel { min-height: auto; padding: 4.5rem 1.5rem 1.7rem; }
  .brand-content { max-width: none; display: block; }
  .brand-panel { flex-direction: column; align-items: stretch; }
  .brand-panel::before { display: block; }
  .brand-panel .back-home { position: absolute; top: 1rem; inset-inline-start: 1.5rem; align-self: auto; }
  .brand-title, .brand-subtitle { display: block; }
  .brand-logo, .brand-content .feature-list, .brand-content .gcc-badges, .identity-caption { display: none; }
  .brand-title { font-size: 1.7rem; margin-bottom: .4rem; }
  [dir="rtl"] .brand-title { font-size: 1.6rem; }
  .brand-subtitle { margin: 0; font-size: .8rem; max-width: 500px; }
  .jurisdiction-label { margin-bottom: .6rem; font-size: .68rem; }
  .form-panel { padding: 4.5rem 1rem 1.5rem; }
  .login-card { padding: 1.6rem; border-radius: 10px; }
  .login-header .login-logo { display: inline-flex; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

.language-code { font-size: .68rem; color: var(--primary); background: #edf2e5; padding: .2rem .3rem; border-radius: 3px; }

@media (max-width: 760px) {
  .brand-panel { padding: 3.2rem 1.25rem 1.2rem; }
  .brand-content .brand-subtitle { display: none; }
  .brand-title, [dir="rtl"] .brand-title { font-size: 1.2rem; line-height: 1.65; margin: 0; }
  .jurisdiction-label { font-size: .65rem; padding: .3rem .5rem; }
  .form-panel { padding-top: 3.5rem; }
  .login-header { margin-bottom: 1.25rem; }
  .login-header .login-logo { height: 36px; margin-bottom: 1rem; }
  .login-header h2 { font-size: 1.4rem; }
  .form-group { margin-bottom: 1.1rem; }
}