.recovery-ai{float:right;position:relative;width:90px;height:139px;margin:0 0 12px 14px;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#102c41,#143b4d);isolation:isolate}
.recovery-ai[hidden],.recovery-ai-reopen[hidden]{display:none!important}
.recovery-ai-matrix{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none}
.recovery-ai-art{position:absolute;left:6px;top:3px;width:78px;height:104px;background:url('assets/pino-section-bots.webp') 0% bottom/400% 200% no-repeat;z-index:1}
.recovery-ai-title{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:55%;padding:1px;text-align:center;color:#44e6ff;background:#031e39;border-radius:2px;font:bold 5.2px/1.05 system-ui,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.login-card .recovery-ai-play{position:absolute;bottom:5px;left:31px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;z-index:2;cursor:pointer}
.recovery-ai-play svg{display:block;width:100%;height:100%}
.login-card .recovery-ai-close{position:absolute;right:2px;top:0;width:18px;height:18px;padding:0;border:0;background:transparent;color:#d5f3fa;font-size:17px;z-index:3;cursor:pointer}
.recovery-ai-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.login-card #recovery-request-form,.login-card #recovery-password-form{clear:both}
.recovery-ai-reopen{position:fixed;bottom:18px;right:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #53c5eb;border-radius:50%;background:#123d54;color:#f2fcff;font-size:22px;font-weight:700;cursor:pointer;z-index:100}
.recovery-ai-speaking .recovery-ai-art{animation:recovery-ai-talk 3s step-end infinite}
@keyframes recovery-ai-talk{0%,100%{background-position:0% bottom}25%{background-position:33.333333% bottom}50%{background-position:66.666667% bottom}75%{background-position:100% bottom}}
@media(prefers-reduced-motion:reduce){.recovery-ai-speaking .recovery-ai-art{animation:none}}

.recovery-ai-reopen{position:fixed;inset:auto 18px 18px auto;z-index:10050;width:auto;min-width:168px;max-width:calc(100vw - 36px);height:auto;min-height:44px;padding:11px 16px;border-radius:12px;font-size:14px;line-height:1.3;box-shadow:0 4px 20px #001b3c66}