:root { --meuxml-login-blue: #0466c8; --meuxml-login-navy: #07396d; --meuxml-login-yellow: #f9dc2a; --meuxml-login-orange: #f58a4a; }
.meuxml-login-visual { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #052f59, var(--meuxml-login-navy) 55%, #075aab); }
.meuxml-login-visual::before { content: ""; position: absolute; width: 520px; height: 520px; top: -190px; right: -180px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.025); }
.meuxml-login-visual::after { content: ""; position: absolute; inset: auto 0 0; height: 6px; background: linear-gradient(90deg, var(--meuxml-login-blue) 0 58%, var(--meuxml-login-orange) 58% 82%, var(--meuxml-login-yellow) 82%); }
.meuxml-login-visual .visual-content { position: relative; z-index: 1; width: min(650px, 100%); }
.meuxml-login-visual .visual-badge { display: inline-flex; align-items: center; gap: .55rem; margin-bottom: 1.4rem; color: #a9d4ff; font-weight: 600; }
.meuxml-login-visual .visual-badge::before { content: ""; width: 28px; height: 2px; background: var(--meuxml-login-yellow); }
.meuxml-login-visual h1 { margin-bottom: 1.35rem; color: #fff; font-size: clamp(2.6rem, 4.8vw, 4.7rem); line-height: 1.04; letter-spacing: 0; }
.meuxml-login-visual p { max-width: 570px; color: #c7d9eb; font-size: 1.05rem; line-height: 1.7; }
.document-card { width: min(540px, 100%); margin-top: 2.5rem; padding: 1.3rem; color: #17324d; background: #fff; border-radius: .9rem; box-shadow: 0 25px 65px rgba(0,0,0,.27); }
.document-card-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.document-card-head span { color: #62758a; font-size: .75rem; }
.document-card-head strong { color: #087f5b; font-size: .82rem; }
.document-lines { display: grid; gap: .55rem; }
.document-lines span { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: .7rem; padding: .7rem; background: #f5f9fd; border-radius: .55rem; }
.document-lines i { display: grid; place-items: center; width: 34px; height: 34px; color: var(--meuxml-login-blue); background: #eaf4ff; border-radius: .45rem; font-size: 1.15rem; }
.document-lines small { color: #62758a; }
.meuxml-login-brand { display: inline-flex; margin-bottom: 2.2rem; }
.meuxml-login-brand img { display: block; width: 210px; max-width: 100%; height: auto; }
.login-panel h2 { color: var(--meuxml-login-navy); }
.btn-login { min-height: 48px; font-weight: 600; background: var(--meuxml-login-blue); border-color: var(--meuxml-login-blue); }
.btn-login:hover { background: #075aab; border-color: #075aab; }