/* FRP XIAOMI V40: official branding, responsive banner and auth/consent controls */
.brand-banner-wrap{width:min(1380px,calc(100% - 36px));margin:14px auto 0;border:1px solid #087dff;border-radius:13px;overflow:hidden;background:#030b17;box-shadow:0 0 0 1px #00d9ff20,0 0 28px #007dff20;line-height:0}
.brand-banner-wrap img{display:block;width:100%;height:auto;max-height:176px;object-fit:cover;object-position:center}
.brand,.sub-brand,.footer-brand{gap:10px}
.brand img,.sub-brand img,.footer-brand img{filter:drop-shadow(0 0 9px #008bff78)}
.sub-brand img{width:44px;height:44px;object-fit:contain}
.consent-row{display:flex;align-items:flex-start;gap:9px;color:#a9bed8;font-size:11px;line-height:1.55;margin:12px 0 14px;cursor:pointer}
.consent-row input{flex:0 0 auto;width:15px;height:15px;margin:1px 0 0;accent-color:#087dff}
.forgot-link{display:flex;justify-content:flex-end;margin:6px 0 13px;font-size:11px}
.forgot-link a{color:#00d9ff;text-decoration:none;font-weight:700}
.forgot-link a:hover{text-decoration:underline;text-shadow:0 0 10px #00aaff}
.page-message{border:1px solid #16446d;background:#071729;border-radius:8px;padding:10px 12px;min-height:38px}
.page-message.error,.demo-message.error{border-color:#a33b56;color:#ff9cac;background:#260e19}
.page-message.good,.demo-message.good{border-color:#1d956c;color:#6fffc4;background:#06271e}
button[disabled]{opacity:.65;cursor:wait}
@media(max-width:640px){.brand-banner-wrap{width:calc(100% - 20px);margin-top:10px;border-radius:8px}.brand-banner-wrap img{max-height:104px;object-fit:cover}.consent-row{font-size:10px}}

.password-wrap{display:flex;align-items:stretch;position:relative;border:1px solid #157bc2;border-radius:10px;background:#040c17;overflow:hidden;box-shadow:inset 0 0 12px #007dff10}
.password-wrap:focus-within{border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff1b,0 0 15px #007dff25}
.password-wrap input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
.password-toggle{width:42px;flex:0 0 42px;border:0;border-left:1px solid #16446a;background:#071a2d;color:#00d9ff;font-size:19px;line-height:1;cursor:pointer}
.password-toggle:hover,.password-toggle[aria-pressed="true"]{background:#0b2b50;color:#ffffff;text-shadow:0 0 12px #00cfff}


/* HOME V41: logo oficial y captura real de la herramienta */
.brand-banner-wrap{display:flex;align-items:center;justify-content:center;min-height:86px;padding:7px 20px;background:radial-gradient(ellipse at center,#071c35 0%,#020813 70%)}
.brand-banner-wrap img{width:min(100%,1000px);height:clamp(58px,7vw,100px);max-height:100px;object-fit:contain;object-position:center}
.hero-visual-real{min-width:0;max-width:650px;width:100%;justify-self:end;padding:18px 0 18px}
.desktop-interface-frame{position:relative;width:100%;max-width:620px;margin:0 auto;border:1px solid #087dff;border-radius:13px;overflow:hidden;background:#030913;box-shadow:0 0 0 1px #00d9ff24,0 0 38px #007dff2b;transform:perspective(1400px) rotateY(-1deg)}
.interface-frame-bar{height:29px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#07111f;border-bottom:1px solid #16466e;color:#8ca7c5}
.interface-frame-bar>span{width:6px;height:6px;border-radius:50%;background:#078bff;box-shadow:0 0 8px #078bff70}
.interface-frame-bar b{font-size:8px;letter-spacing:.6px;margin-left:6px;font-weight:800}
.desktop-interface-frame img{display:block;width:100%;height:auto;object-fit:contain;background:#020812}
.desktop-interface-frame figcaption{display:flex;align-items:center;gap:8px;padding:10px 13px;border-top:1px solid #12395b;color:#8eaccb;background:#071426;font-size:8px;font-weight:800;letter-spacing:.8px}
.desktop-interface-frame figcaption .online-dot{flex:0 0 7px}

@media(max-width:960px){.brand-banner-wrap{min-height:76px;padding:7px 14px}.brand-banner-wrap img{height:clamp(58px,9vw,84px)}.hero-visual-real{max-width:720px;justify-self:center}}
@media(max-width:760px){.desktop-interface-frame{border-radius:9px}.interface-frame-bar{height:25px}.interface-frame-bar b{font-size:7px}.desktop-interface-frame figcaption{font-size:7px;padding:8px 10px}}
@media(max-width:640px){.brand-banner-wrap{min-height:58px;padding:5px 10px}.brand-banner-wrap img{height:54px;object-fit:contain}.hero-visual-real{padding:12px 0}.chip-one{right:2px;top:0}.chip-two{left:2px;bottom:0}.floating-chip{padding:7px 9px}.floating-chip b{font-size:7px}.floating-chip small{font-size:6px}}