/* ZeraSync — tema da tela de login v4 (sem o bug do card) */
:root{--zera:#5B7A99;--zera-dark:#47617B;--zera-light:#8AA2B8;--zera-ink:#1F2A37}
html.zera-login,html.zera-login body{height:100%}
html.zera-login body{
  background:radial-gradient(1200px 800px at 18% 8%,rgba(91,122,153,.22),transparent 60%),
             radial-gradient(1000px 700px at 85% 92%,rgba(138,162,184,.16),transparent 55%),
             linear-gradient(160deg,#0e1620 0%,#1F2A37 55%,#16202b 100%)!important;
  background-attachment:fixed;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  position:relative;overflow-x:hidden}
#zera-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}
html.zera-login body::before,html.zera-login body::after{content:'';position:fixed;border-radius:50%;filter:blur(72px);z-index:0;pointer-events:none}
html.zera-login body::before{width:540px;height:540px;background:radial-gradient(circle,rgba(91,122,153,.5),transparent 70%);top:-150px;left:-130px;animation:zf1 15s ease-in-out infinite}
html.zera-login body::after{width:580px;height:580px;background:radial-gradient(circle,rgba(138,162,184,.36),transparent 70%);bottom:-190px;right:-150px;animation:zf2 19s ease-in-out infinite}
@keyframes zf1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(75px,55px) scale(1.12)}66%{transform:translate(25px,-35px) scale(.95)}}
@keyframes zf2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-65px,-45px) scale(1.1)}}
#zera-orb{position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(64px);z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(91,122,153,.3),transparent 70%);top:38%;left:58%;animation:zf3 22s ease-in-out infinite}
@keyframes zf3{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(-90px,70px) scale(1.18);opacity:.95}}
html.zera-login #app{position:relative;z-index:1}
/* logo grande + flutua + brilho */
html.zera-login img[src*="logo"],html.zera-login img[alt*="Zera"]{height:78px!important;width:auto!important;max-width:none!important;filter:drop-shadow(0 0 22px rgba(91,122,153,.55));animation:zlogo 5s ease-in-out infinite}
@keyframes zlogo{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}
/* form: SO animacao de entrada, SEM caixa (corrige o quadrado bugado) */
html.zera-login form{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:zin .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes zin{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
/* titulo shimmer */
html.zera-login h1,html.zera-login h2{background:linear-gradient(90deg,#fff 0%,var(--zera-light) 35%,#fff 50%,var(--zera-light) 65%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:zshine 4.5s linear infinite;filter:drop-shadow(0 2px 18px rgba(91,122,153,.3))}
@keyframes zshine{to{background-position:200% center}}
/* botao Zera + reflexo + glow */
html.zera-login button[type="submit"]{background:linear-gradient(135deg,var(--zera),var(--zera-dark))!important;border:none!important;box-shadow:0 8px 24px rgba(91,122,153,.45)!important;transition:transform .15s,box-shadow .25s!important;position:relative;overflow:hidden}
html.zera-login button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(91,122,153,.62)!important}
html.zera-login button[type="submit"]::after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:zsweep 3.6s ease-in-out infinite}
@keyframes zsweep{0%{left:-130%}55%{left:150%}100%{left:150%}}
/* inputs glow no foco */
html.zera-login input{transition:box-shadow .25s,border-color .25s!important}
html.zera-login input:focus{border-color:var(--zera)!important;box-shadow:0 0 0 3px rgba(91,122,153,.28),0 0 20px rgba(91,122,153,.32)!important}
/* footer */
#zera-login-footer{position:fixed;bottom:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;padding:20px 16px 26px;animation:zup 1s ease .5s both}
@keyframes zup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
#zera-login-footer .zl-soc{display:flex;gap:14px}
#zera-login-footer .zl-soc a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);color:#fff!important;border:1px solid rgba(255,255,255,.1);transition:transform .25s,background .25s,box-shadow .25s}
#zera-login-footer .zl-soc a:hover{transform:translateY(-4px) scale(1.09);background:var(--zera);box-shadow:0 8px 20px rgba(91,122,153,.5)}
#zera-login-footer .zl-soc svg{width:21px;height:21px}
#zera-login-footer .zl-copy{font-size:12px;color:rgba(255,255,255,.45)}
#zera-login-footer .zl-copy a{color:rgba(255,255,255,.72)!important;text-decoration:none}
#zera-login-footer .zl-copy a:hover{color:#fff!important}