/* IL Bate Papo — foto original preservada. Efeitos em CSS/SVG sobre a foto. */
.auth-story.ilbp-photo-mode{padding:clamp(18px,3vw,42px)!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 35% 45%,#06325c55,transparent 52%),#020812!important}
.auth-story.ilbp-photo-mode>*:not(.ilbp-mail-stage){display:none!important}
.ilbp-mail-stage{position:relative;width:min(100%,980px);isolation:isolate;border-radius:28px;filter:drop-shadow(0 0 24px #008cff55);overflow:visible}
.ilbp-mail-photo{display:block;width:100%;height:auto;border-radius:25px;position:relative;z-index:1;box-shadow:inset 0 0 0 1px #ffffff10}
/* UMA só moldura: trilho discreto + segmento LED que percorre o perímetro. Nada gira como hélice. */
.ilbp-frame-svg{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);z-index:6;pointer-events:none;overflow:visible}
.ilbp-frame-track{fill:none;stroke:#16cfff55;stroke-width:2}
.ilbp-frame-led{fill:none;stroke:url(#ilbpFrameGradient);stroke-width:4;stroke-linecap:round;stroke-dasharray:120 1880;filter:url(#ilbpGlow);animation:ilbpLedRun 5.2s linear infinite}
@keyframes ilbpLedRun{to{stroke-dashoffset:-2000}}
/* órbitas do leão/globo — mantidas exatamente como na versão aprovada */
.ilbp-lion-orbit{position:absolute;left:1.8%;top:7%;width:39%;height:82%;border:3px solid transparent;border-top-color:#20d8ff;border-right-color:#0a8cff;border-bottom-color:#ff24bd;border-radius:50%;z-index:3;filter:drop-shadow(0 0 8px #20d8ff);animation:ilbpLionOrbit 3.7s linear infinite;pointer-events:none}
.ilbp-lion-orbit.two{left:5.2%;top:11%;width:33%;height:73%;border-width:2px;border-top-color:#ffc843;border-right-color:transparent;border-bottom-color:#20d8ff;animation-duration:5.2s;animation-direction:reverse}
.ilbp-globe-glow{position:absolute;left:10%;top:20%;width:22%;aspect-ratio:1;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 32%,#3fe8ff2c,#076aff18 42%,transparent 72%);box-shadow:0 0 24px #00c8ff99,0 0 55px #0077ff55;animation:ilbpGlobePulse 2.6s ease-in-out infinite;pointer-events:none}
.ilbp-spark{position:absolute;left:29%;top:10%;width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 0 8px 3px #20d8ff,0 0 24px 9px #008cff;z-index:4;animation:ilbpSpark 4s linear infinite;pointer-events:none}
/* dois envelopes neon, apenas como camada de efeito */
.ilbp-neon-mails{position:absolute;right:4.4%;top:66%;z-index:5;display:flex;gap:10px;align-items:center;pointer-events:none;filter:drop-shadow(0 0 7px #19d9ff)}
.ilbp-neon-mail{width:50px;height:36px;border:2px solid #22ddff;border-radius:7px;position:relative;background:#07192b55;box-shadow:0 0 8px #19d9ff, inset 0 0 8px #19d9ff66;animation:ilbpMailPulse 2.2s ease-in-out infinite}
.ilbp-neon-mail::before,.ilbp-neon-mail::after{content:"";position:absolute;top:6px;width:24px;height:2px;background:#22ddff;box-shadow:0 0 6px #22ddff}
.ilbp-neon-mail::before{left:1px;transform:rotate(32deg)}.ilbp-neon-mail::after{right:1px;transform:rotate(-32deg)}
.ilbp-neon-mail.pink{border-color:#ff35c8;box-shadow:0 0 8px #ff35c8,inset 0 0 8px #ff35c866;filter:translateZ(0);transform:scale(.90) translateY(-4px)}
.ilbp-neon-mail.pink::before,.ilbp-neon-mail.pink::after{background:#ff35c8;box-shadow:0 0 6px #ff35c8}
@keyframes ilbpLionOrbit{to{transform:rotate(360deg)}}
@keyframes ilbpGlobePulse{50%{transform:scale(1.07);filter:brightness(1.35)}}
@keyframes ilbpSpark{0%{transform:translate(0,0)}25%{transform:translate(8vw,1.5vw)}50%{transform:translate(9vw,8vw)}75%{transform:translate(1vw,9vw)}100%{transform:translate(0,0)}}
@keyframes ilbpMailPulse{0%,100%{filter:brightness(1);opacity:.78}50%{filter:brightness(1.8);opacity:1;box-shadow:0 0 14px currentColor,0 0 28px currentColor,inset 0 0 10px currentColor}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr!important}.auth-story.ilbp-photo-mode{min-height:auto!important;padding:12px!important;border-right:0!important}.ilbp-mail-stage{width:min(96vw,760px);border-radius:20px}.ilbp-mail-photo{border-radius:17px}.ilbp-lion-orbit{border-width:2px}.ilbp-neon-mails{right:3.5%;top:65%;transform:scale(.76);transform-origin:right center}}
@media(prefers-reduced-motion:reduce){.ilbp-frame-led,.ilbp-lion-orbit,.ilbp-globe-glow,.ilbp-spark,.ilbp-neon-mail{animation:none!important}}

/* RESPONSIVO: usa os MESMOS efeitos do leão/esfera da tela grande. */
.ilbp-responsive-lion-effects{display:none}
@media(max-width:900px){
  .auth-card .login-logo-compact .login-logo-inner{position:relative!important;isolation:isolate!important;overflow:hidden!important}
  /* remove somente o giro retangular anterior no responsivo; a arte e todo o restante permanecem intactos */
  .auth-card .login-logo-compact .login-logo-inner:before{content:none!important;display:none!important;animation:none!important}
  .ilbp-responsive-lion-effects{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}
  .ilbp-responsive-lion-orbit{position:absolute;left:1.8%;top:7%;width:39%;height:82%;box-sizing:border-box;border:3px solid transparent;border-top-color:#20d8ff;border-right-color:#0a8cff;border-bottom-color:#ff24bd;border-radius:50%;filter:drop-shadow(0 0 8px #20d8ff);animation:ilbpLionOrbit 3.7s linear infinite}
  .ilbp-responsive-lion-orbit.two{left:5.2%;top:11%;width:33%;height:73%;border-width:2px;border-top-color:#ffc843;border-right-color:transparent;border-bottom-color:#20d8ff;animation-duration:5.2s;animation-direction:reverse}
  .ilbp-responsive-globe-glow{position:absolute;left:10%;top:20%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,#3fe8ff2c,#076aff18 42%,transparent 72%);box-shadow:0 0 24px #00c8ff99,0 0 55px #0077ff55;animation:ilbpGlobePulse 2.6s ease-in-out infinite}
  .ilbp-responsive-spark{position:absolute;left:29%;top:10%;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #20d8ff,0 0 24px 9px #008cff;animation:ilbpSpark 4s linear infinite}
}
@media(max-width:680px){.ilbp-responsive-lion-orbit{border-width:2px}.ilbp-responsive-lion-orbit.two{border-width:1.5px}}
@media(prefers-reduced-motion:reduce){.ilbp-responsive-lion-orbit,.ilbp-responsive-globe-glow,.ilbp-responsive-spark{animation:none!important}}

/* RESPONSIVO — complemento visual solicitado: 2 cartinhas neon + LED de 4 cores percorrendo a moldura. */
@media(max-width:900px){
  .ilbp-responsive-frame-svg{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;overflow:visible}
  .ilbp-responsive-frame-track{fill:none;stroke:#16cfff42;stroke-width:2}
  .ilbp-responsive-frame-led{fill:none;stroke:url(#ilbpResponsiveFrameGradient);stroke-width:7;stroke-linecap:round;stroke-dasharray:150 1850;filter:url(#ilbpResponsiveGlow);animation:ilbpResponsiveLedRun 4.4s linear infinite}
  .ilbp-responsive-neon-mails{position:absolute;right:7%;bottom:10%;z-index:7;display:flex;gap:8px;align-items:center;pointer-events:none}
  .ilbp-responsive-neon-mail{display:block;width:34px;height:24px;border:2px solid #20ddff;border-radius:5px;position:relative;background:#06182a99;color:#20ddff;box-shadow:0 0 7px currentColor,0 0 15px currentColor,inset 0 0 7px currentColor;animation:ilbpResponsiveMailBlink 1.35s ease-in-out infinite}
  .ilbp-responsive-neon-mail::before,.ilbp-responsive-neon-mail::after{content:"";position:absolute;top:5px;width:17px;height:2px;background:currentColor;box-shadow:0 0 5px currentColor}
  .ilbp-responsive-neon-mail::before{left:1px;transform:rotate(32deg)}
  .ilbp-responsive-neon-mail::after{right:1px;transform:rotate(-32deg)}
  .ilbp-responsive-neon-mail.pink{color:#ff35c8;border-color:#ff35c8;transform:translateY(-4px) scale(.92);animation-delay:-.65s}
  .ilbp-responsive-neon-mail.cyan{color:#20ddff;border-color:#20ddff}
}
@keyframes ilbpResponsiveLedRun{to{stroke-dashoffset:-2000}}
@keyframes ilbpResponsiveMailBlink{0%,100%{opacity:.48;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.9)}}
@media(max-width:520px){.ilbp-responsive-neon-mails{right:5%;bottom:8%;transform:scale(.82);transform-origin:right bottom}.ilbp-responsive-frame-led{stroke-width:8}}
@media(prefers-reduced-motion:reduce){.ilbp-responsive-frame-led,.ilbp-responsive-neon-mail{animation:none!important}}