:root{--sd-navy:#07111f;--sd-navy-2:#0c1b31;--sd-gold:#e0b34a;--sd-gold-2:#f3d27a;--sd-cyan:#38bdf8;--sd-blue:#1d4ed8;--sd-blue-2:#2563eb;--sd-text:#e8eef7;--sd-muted:#9fb0c8;}
html,body{min-height:100%;background:var(--sd-navy)!important;font-family:"Segoe UI",Roboto,Arial,sans-serif!important;}
.decor1,.decor2{display:none!important;}
#sdScene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.sd-photo{position:absolute;inset:-6%;background:url("/img/logo/sumidouro/bg-login-v2.jpg") center 42% / cover no-repeat;animation:sdKen 48s linear infinite alternate;transform-origin:45% 55%;filter:saturate(1.08) contrast(1.05);}
.LoginScreen,#modifiedLogin.LoginScreen,.SplashScreen,.ErrorScreen{background:transparent!important;background-image:none!important;}
.LoginScreen::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,12,24,.55) 0,rgba(5,12,24,.18) 38%,rgba(5,12,24,.42) 70%,rgba(5,12,24,.78) 100%),linear-gradient(90deg,rgba(5,12,24,.45) 0,rgba(5,12,24,.08) 48%,rgba(5,12,24,.35) 100%);}
.sd-aurora{position:absolute;inset:-20%;background:radial-gradient(40% 32% at 18% 22%,rgba(56,189,248,.22),transparent 70%),radial-gradient(36% 28% at 82% 18%,rgba(224,179,74,.18),transparent 70%),radial-gradient(50% 40% at 70% 88%,rgba(37,99,235,.16),transparent 75%);animation:none;mix-blend-mode:screen;}
.sd-orbs,.sd-dust{display:none!important;}
.sd-orbs{position:absolute;inset:0;}
.sd-orbs i{position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.55;animation:sdFloat 14s ease-in-out infinite;}
.sd-orbs i:nth-child(1){width:180px;height:180px;left:8%;top:18%;background:radial-gradient(circle,rgba(56,189,248,.45),transparent 68%);animation-duration:16s;}
.sd-orbs i:nth-child(2){width:240px;height:240px;right:6%;top:8%;background:radial-gradient(circle,rgba(224,179,74,.38),transparent 68%);animation-duration:20s;animation-delay:-4s;}
.sd-orbs i:nth-child(3){width:140px;height:140px;left:18%;bottom:12%;background:radial-gradient(circle,rgba(74,222,128,.28),transparent 68%);animation-duration:18s;animation-delay:-7s;}
.sd-orbs i:nth-child(4){width:200px;height:200px;right:16%;bottom:8%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 68%);animation-duration:22s;animation-delay:-2s;}
.sd-dust{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20px 30px,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 80px 120px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 70px,rgba(243,210,122,.9),transparent),radial-gradient(1.5px 1.5px at 240px 200px,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 320px 40px,rgba(56,189,248,.9),transparent),radial-gradient(1.5px 1.5px at 400px 160px,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 480px 90px,rgba(243,210,122,.8),transparent),radial-gradient(1.5px 1.5px at 560px 220px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 640px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 720px 180px,rgba(56,189,248,.7),transparent),radial-gradient(1px 1px at 40px 260px,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 200px 300px,rgba(243,210,122,.7),transparent);background-size:780px 340px;animation:sdDust 48s linear infinite;opacity:.55;}
.sd-topbar,.sd-footer{position:fixed;left:0;right:0;z-index:3;pointer-events:none;text-align:center;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,238,247,.86);text-shadow:0 1px 8px rgba(0,0,0,.45);font-weight:600;}
.sd-topbar{top:22px;font-size:12px;animation:sdDrop .9s .15s both;}
.sd-topbar::before,.sd-topbar::after{content:"";display:inline-block;width:42px;height:2px;margin:0 12px 3px;background:linear-gradient(90deg,transparent,var(--sd-gold-2),var(--sd-gold),transparent);vertical-align:middle;opacity:.9;}
.sd-footer{bottom:18px;font-size:11px;letter-spacing:.22em;color:rgba(232,238,247,.7);animation:sdDrop .9s .35s both;}
.LoginScreen .modernCenter{position:relative;z-index:4;}
.LoginScreen .modernContentBox{z-index:4;top:50%!important;transform:translateY(-50%)!important;}
.LoginScreen .Footer{position:absolute!important;bottom:0!important;left:0;right:0;z-index:3;}
#modifiedLogin.LoginScreen .modernContentBox,.LoginScreen .modernContentBox,.SplashScreen .contentBox{background:linear-gradient(180deg,rgba(10,20,36,.78),rgba(7,14,26,.82))!important;background-image:none!important;background-color:rgba(8,16,30,.72)!important;border:1px solid rgba(224,179,74,.28)!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04) inset,0 0 80px rgba(56,189,248,.08)!important;padding:32px 34px 22px!important;color:var(--sd-text)!important;overflow:hidden;max-width:380px!important;}
.LoginScreen .modernContentBox::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--sd-gold),var(--sd-gold-2),var(--sd-cyan),transparent);animation:none;background-size:200% 100%;}
.LoginScreen .logo{text-align:center;margin:0 0 6px;position:relative;z-index:1;}
.LoginScreen .logo a,.LoginScreen #bannerLink{display:inline-block;text-decoration:none;}
.LoginScreen .ImgLoginBanner,.SplashScreen .ImgLoginBanner{display:inline-block!important;width:280px!important;height:86px!important;background-image:url("/img/logo/sumidouro/logo_big.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;background-color:#fff!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(224,179,74,.25);margin:0 auto;animation:none;}
.LoginScreen .logo::after{content:"Webmail institucional";display:block;margin-top:14px;color:var(--sd-gold-2);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
.LoginScreen .signIn{display:none!important;}
.LoginScreen .form,.LoginScreen .loginSection{position:relative;z-index:1;text-align:left;}
.LoginScreen .zLoginFieldLabel,.LoginScreen label.zLoginFieldLabel{display:block;color:#d5deea!important;font-size:12px!important;margin:14px 0 6px!important;font-weight:600;letter-spacing:.04em;}
.LoginScreen .zLoginFieldInput,.LoginScreen input.zLoginFieldInput,.LoginScreen .form INPUT[type="text"],.LoginScreen .form INPUT[type="password"]{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:12px 14px!important;font-size:15px!important;line-height:1.3!important;height:auto!important;min-height:44px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;color:#f8fafc!important;outline:none;background:rgba(255,255,255,.08)!important;transition:border-color .2s,box-shadow .2s,background .2s;}
.LoginScreen .zLoginFieldInput:focus,.LoginScreen input.zLoginFieldInput:focus{border-color:var(--sd-gold)!important;box-shadow:0 0 0 3px rgba(224,179,74,.22);background:rgba(255,255,255,.12)!important;}
.LoginScreen .passwordWrapper{position:relative;}
.LoginScreen #showSpan,.LoginScreen #hideSpan{color:var(--sd-gold-2)!important;cursor:pointer;font-size:12px;font-weight:600;}
.LoginScreen .signInAndLabel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap;}
.LoginScreen .loginButton,.LoginScreen button.loginButton,.LoginScreen .form .ZLoginButton,.LoginScreen button.ZLoginButton{background:linear-gradient(135deg,#1d4ed8 0,#2563eb 48%,#0ea5e9 100%)!important;background-image:linear-gradient(135deg,#1d4ed8 0,#2563eb 48%,#0ea5e9 100%)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:12px 26px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.04em;box-shadow:0 10px 24px rgba(37,99,235,.35)!important;height:auto!important;line-height:normal!important;min-height:0!important;overflow:visible!important;box-sizing:content-box!important;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;}
.LoginScreen .loginButton:hover,.LoginScreen button.loginButton:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.45)!important;}
.LoginScreen .rememberCheckWrapper{display:flex;align-items:center;gap:8px;color:#d5deea!important;font-size:13px;}
.LoginScreen .rememberCheckWrapper input{accent-color:var(--sd-gold);}
.LoginScreen .rememberCheckWrapper label{color:#d5deea!important;margin:0!important;}
.LoginScreen form hr{display:none!important;}
.LoginScreen .versionBlock{background:rgba(255,255,255,.05)!important;border-top:1px solid rgba(255,255,255,.08)!important;border-radius:0 0 12px 12px!important;color:var(--sd-muted)!important;margin-top:16px;padding-top:12px;}
.LoginScreen .versionBlock LABEL{color:var(--sd-muted)!important;font-size:12px!important;}
.LoginScreen .versionBlock SELECT{background:rgba(255,255,255,.08)!important;color:#e8eef7!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;}
#ZLoginWhatsThis{display:none!important;}
#ZLoginWhatsThisButton{filter:invert(1) opacity(.7);}
.LoginScreen .errorMessage,.LoginScreen #errorMessageDiv:not(:empty){background:rgba(127,29,29,.55)!important;border:1px solid rgba(252,165,165,.55)!important;border-radius:10px;color:#fecaca!important;margin-bottom:12px;}
.LoginScreen .Footer #ZLoginNotice,.LoginScreen .Footer .legalNotice-small,.SplashScreen .Footer #ZLoginNotice,.LoginScreen .Footer{font-size:0!important;color:transparent!important;background:transparent!important;}
@keyframes sdKen{from{transform:scale(1) translate3d(0,0,0);}
to{transform:scale(1.08) translate3d(-1.4%,1%,0);}
}
@keyframes sdAurora{from{transform:translate3d(0,0,0) rotate(0deg);opacity:.85;}
to{transform:translate3d(-3%,2%,0) rotate(4deg);opacity:1;}
}
@keyframes sdFloat{0%,100%{transform:translate3d(0,0,0);}
50%{transform:translate3d(18px,-22px,0);}
}
@keyframes sdDust{from{background-position:0 0;}
to{background-position:780px -340px;}
}
@keyframes sdCardIn{from{opacity:0;transform:translateY(28px) scale(.97);}
to{opacity:1;transform:none;}
}
@keyframes sdDrop{from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:none;}
}
@keyframes sdLogoGlow{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(224,179,74,.25),0 0 0 0 rgba(224,179,74,0);}
50%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(224,179,74,.5),0 0 22px 2px rgba(224,179,74,.22);}
}
@keyframes sdShine{0%{background-position:0 0;}
100%{background-position:200% 0;}
}
@media(max-width:560px){.sd-topbar{font-size:10px;top:12px;letter-spacing:.08em;}
.sd-topbar::before,.sd-topbar::after{width:16px;}
.sd-footer{bottom:10px;font-size:10px;}
.LoginScreen .modernContentBox{padding:22px 16px 16px!important;border-radius:16px!important;max-width:92%!important;}
.LoginScreen .ImgLoginBanner{width:220px!important;height:70px!important;}
.LoginScreen .signInAndLabel{flex-direction:column;align-items:stretch;}
.LoginScreen .loginButton,.LoginScreen button.loginButton{width:100%;}
}
@media(prefers-reduced-motion:reduce){.sd-photo,.sd-aurora,.sd-orbs i,.sd-dust,.LoginScreen .modernContentBox,.LoginScreen .ImgLoginBanner,.sd-topbar,.sd-footer{animation:none!important;}
}
.LoginScreen .versionBlock,#ZLoginWhatsThis,#ZLoginWhatsThisButton,.LoginScreen form hr{display:none!important;}
.sd-footer{z-index:6!important;pointer-events:none;}
.LoginScreen .logo::after{color:#f3d27a!important;}
@media(max-width:560px){.sd-footer{display:none!important;}
.LoginScreen .rememberCheckWrapper{margin-bottom:4px;}
}