/* Smart IT: identity and a quiet animated network. */
.brand-panel{isolation:isolate;position:relative;background:linear-gradient(145deg,#123d36 0%,#0b2927 55%,#091e23 100%)!important;align-items:center;justify-content:center;gap:clamp(30px,5vh,64px);text-align:center;padding:clamp(30px,5vw,80px)}
.brand-panel:after{display:none}.brand-identity,.brand-copy,.brand-foot{position:relative;z-index:2;width:100%;max-width:520px}.brand-identity{display:flex;flex-direction:column;align-items:center;gap:14px}.brand-panel .brand-logo{width:min(100%,370px);max-height:none;height:auto;display:block;object-fit:contain;background:transparent!important;border-radius:0!important;filter:none!important;margin:0}.brand-panel .smart-by{margin:0;color:#bcdbd1;font-size:12px;letter-spacing:.08em}.brand-copy .project{display:flex;justify-content:center;align-items:center;gap:9px;letter-spacing:.15em;font-size:10px;color:#9fcdc0;margin:0 0 22px}.live-dot{width:5px;height:5px;border-radius:50%;background:#a0edce;box-shadow:0 0 12px #86f7c988}.brand-copy h1{font-size:clamp(30px,3.4vw,48px);line-height:1.2;letter-spacing:-1.7px;font-weight:500!important;margin-bottom:23px}.brand-copy h1 span{color:#afe0d1}.brand-copy p{max-width:390px;margin:auto;color:#c1d6cf!important;font-size:13px;line-height:1.95}.portal-tags{justify-content:center;margin-top:30px;gap:10px}.portal-tags span{background:#ffffff06;border-color:#bce7d522;padding:8px 14px;border-radius:24px;color:#d8ece5}.brand-foot{display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;letter-spacing:.035em;color:#b0cfc3}.foot-line{height:1px;width:28px;background:#9bdac66b}
.innovation-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}.innovation-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#0b292778 0%,transparent 75%)}.innovation-lines{position:absolute;width:140%;height:130%;left:-20%;top:-15%;opacity:.55;animation:network-drift 30s ease-in-out infinite alternate}.network-base{opacity:.4}.pulse{stroke-dasharray:30 1570;stroke-dashoffset:1600;animation:signal-travel 18s linear infinite}.pulse-two{animation-duration:23s;animation-delay:-11s;opacity:.65}.pulse-three{animation-duration:26s;animation-delay:-7s;opacity:.7}.aurora{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.17;will-change:transform}.aurora-one{left:-25%;top:4%;background:#4cd5a5;animation:aurora-drift 22s ease-in-out infinite alternate}.aurora-two{right:-30%;bottom:0;background:#248f9c;animation:aurora-drift 27s ease-in-out -12s infinite alternate-reverse}.innovation-grid{position:absolute;inset:0;background-image:radial-gradient(#a9e1cf25 .7px,transparent .7px);background-size:32px 32px;opacity:.25;mask-image:linear-gradient(transparent,#000 30%,transparent)}.light-node{position:absolute;width:4px;height:4px;border-radius:50%;background:#c3ffe8;box-shadow:0 0 14px 3px #9be9cf50;animation:node-drift 13s ease-in-out infinite alternate;opacity:.6}.node-one{left:17%;top:28%}.node-two{right:15%;top:63%;animation-delay:-4s}.node-three{left:30%;bottom:10%;animation-delay:-8s}
@keyframes signal-travel{to{stroke-dashoffset:-1600}}@keyframes network-drift{to{transform:translate3d(2%,2%,0) rotate(4deg)}}@keyframes aurora-drift{to{transform:translate3d(18%,12%,0) scale(1.15)}}@keyframes node-drift{to{transform:translate3d(18px,-32px,0);opacity:.2}}
@media(max-width:760px){.brand-panel{padding:35px 25px 32px;gap:25px}.brand-panel .brand-logo{width:245px;max-height:none}.brand-copy h1{font-size:30px;letter-spacing:-1px;margin-bottom:14px}.brand-copy .project{font-size:9px;margin-bottom:14px}.brand-copy p{font-size:12px;max-width:330px}.brand-identity .smart-by{font-size:10px}.brand-panel .brand-foot{display:none}.aurora{filter:blur(40px)}.innovation-lines{opacity:.35}}
@media(prefers-reduced-motion:reduce){.innovation-scene *{animation:none!important}.aurora{will-change:auto}.network-pulses{display:none}}

/* Preserve the original mark: white becomes transparent through screen blending. */
.brand-panel .brand-logo{width:min(100%,440px);height:120px;object-fit:cover;object-position:center;filter:grayscale(1) invert(1)!important;mix-blend-mode:screen;background:transparent!important}
@media(max-width:760px){.brand-panel .brand-logo{width:300px;height:82px}}

/* Brand green and concentric orbits. Blend on the complete logo group so its
   positioned stacking context cannot leave an opaque black rectangle. */
.brand-panel{background:linear-gradient(145deg,#1d695a 0%,#173d32 65%,#142d25 100%)!important}
.brand-identity{mix-blend-mode:screen}
.brand-panel .brand-logo{mix-blend-mode:normal}
.innovation-scene:after{background:none}.aurora-one{background:#a0cdc4;opacity:.12}.aurora-two{background:#268d79;opacity:.12}
.innovation-lines{width:100%;height:100%;left:0;top:0;opacity:1;animation:none}
.orbit circle{stroke:#d4fff0;stroke-width:1;stroke-opacity:.13}
.orbit .orbit-light{stroke:#dcfff4;stroke-width:2;stroke-opacity:.75;stroke-linecap:round;stroke-dasharray:5 95;transform-box:fill-box;transform-origin:center;animation:orbit-signal 22s linear infinite}
.orbit .orbit-light-two{stroke-opacity:.45;stroke-dasharray:3 97;animation-duration:32s;animation-delay:-14s;animation-direction:reverse}
.orbit .orbit-light-three{stroke-opacity:.6;stroke-dasharray:4 96;animation-duration:27s;animation-delay:-8s}
@keyframes orbit-signal{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbit .orbit-light{animation:none!important}}

/* Match the darker green of the Inforcima sign-in reference. */
.aurora-one{opacity:.04}.aurora-two{opacity:.03}.brand-copy h1 span{color:#c4ebdf}.brand-copy .project{color:#c2e0d6}.brand-copy p{color:#d2e5de!important}.brand-foot{color:#bed9ce}

.brand-identity{mix-blend-mode:normal!important}.brand-panel .brand-logo{width:min(100%,300px);height:auto;max-height:90px;object-fit:contain;filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important;background:transparent!important}
html[data-theme="light"] .brand-panel .brand-logo{filter:none!important}
@media(max-width:760px){.brand-panel .brand-logo{width:240px;height:auto}}

/* V16: fundo contínuo; órbitas ancoradas ao canto superior direito. */
.login-shell{position:relative;isolation:isolate;background:var(--ui-bg);overflow:hidden}.login-shell .brand-panel{background:transparent!important;isolation:auto;color:var(--ui-text)}.login-shell .login-area{position:relative;z-index:1;background:transparent}.login-shell>.innovation-scene{z-index:0;position:absolute;inset:0}.login-shell>.innovation-scene .aurora,.login-shell>.innovation-scene .innovation-grid{display:none}.login-shell>.innovation-scene .innovation-lines{left:auto;right:0;top:0;width:min(75vw,1100px);height:auto;aspect-ratio:1;opacity:.65;overflow:visible}.login-shell>.innovation-scene .orbit circle{stroke:var(--ui-muted);stroke-opacity:.13}.login-shell>.innovation-scene .orbit .orbit-light{stroke:#a0cdc4;stroke-opacity:.5}.brand-copy h1{color:var(--ui-text)}.brand-copy h1 span{color:var(--ui-accent-text)}.brand-copy p{color:var(--ui-muted)!important}.brand-copy .project,.brand-foot{color:var(--ui-muted)}.portal-tags span{background:transparent;color:var(--ui-muted);border-color:var(--ui-line)}.foot-line{background:var(--ui-line)}html[data-theme="light"] .brand-copy h1 span{color:#1d695a}html[data-theme="dark"] .brand-copy h1 span{color:#a0cdc4}
@media(max-width:760px){.login-shell>.innovation-scene .innovation-lines{width:100vw;opacity:.4}}

/* V17: órbitas simétricas no canto inferior esquerdo. */
.login-shell>.innovation-scene .innovation-lines-bottom{left:0;right:auto;top:auto;bottom:0}
.login-shell>.innovation-scene .innovation-lines-bottom .orbit-light-one{animation-direction:reverse;animation-delay:-7s}
.login-shell>.innovation-scene .innovation-lines-bottom .orbit-light-two{animation-direction:normal;animation-delay:-19s}

/* V18: contraste por tema e preenchimento automático. */
html[data-theme] .login-shell .brand-panel,html[data-theme] .login-shell .brand-copy h1{color:var(--ui-text)!important}
html[data-theme] .login-shell .brand-copy p,html[data-theme] .login-shell .brand-copy .project,html[data-theme] .login-shell .portal-tags span,html[data-theme] .login-shell .brand-foot{color:var(--ui-muted)!important}
html[data-theme] .login-shell .portal-tags span{border-color:var(--ui-line)!important;background:transparent!important}
html[data-theme] .login-shell .form-control{color-scheme:inherit;background:var(--ui-input)!important;color:var(--ui-text)!important;caret-color:var(--ui-text)}
html[data-theme] .login-shell input:-webkit-autofill,html[data-theme] .login-shell input:-webkit-autofill:hover,html[data-theme] .login-shell input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ui-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-input) inset!important;caret-color:var(--ui-text)!important}
html[data-theme] .login-shell .eyebrow,html[data-theme] .login-shell .field-icon,html[data-theme] .login-shell .safe-note i{color:var(--ui-accent-text)}
html[data-theme="light"] .login-shell .live-dot{background:#268d79;box-shadow:none}
html[data-theme="light"] .login-shell .light-node{background:#268d79;box-shadow:none}
html[data-theme="light"] .login-shell .orbit .orbit-light{stroke:#268d79;stroke-opacity:.35}

/* V23: marca com maior presença e proporções naturais. */
.login-shell .brand-panel .brand-logo{width:min(100%,360px);max-height:none!important;height:auto!important;object-fit:contain!important}
@media(max-width:760px){.login-shell .brand-panel .brand-logo{width:min(100%,290px)}}