/* Emergency production visual guard. This file intentionally provides critical fallback UI styles
   so public/auth pages remain usable even if the main stylesheet is stale or partially unavailable. */
:root{--nx-blue:#1877f2;--nx-text:#17233b;--nx-muted:#6d7890;--nx-border:#e3e8f1;--nx-bg:#f5f7fb}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--nx-text)!important;background:var(--nx-bg)!important}
a{text-decoration:none!important}
img,video,svg{max-width:100%;height:auto}
main{width:100%!important;max-width:1220px!important;margin:0 auto!important;padding:28px 22px 78px!important;overflow:hidden!important}

/* Header fallback */
.topbar{height:76px!important;min-height:76px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--nx-border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:0 max(22px,calc((100vw - 1220px)/2))!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important;z-index:50!important}
.topbar .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;overflow:hidden!important}
.topbar .brand-logo{display:block!important;width:186px!important;max-width:186px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
.topbar nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;min-width:0!important;flex-wrap:nowrap!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important}
.topbar nav>a:not(.btn),.topbar .linkbtn{color:#34415c!important;text-decoration:none!important;background:none!important;border:0!important;box-shadow:none!important}
.topbar nav>a:not(.btn):hover{color:var(--nx-blue)!important}
.topbar .btn,.btn{display:inline-block!important;background:linear-gradient(135deg,var(--nx-blue),#2b87ff)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:12px 19px!important;font-weight:750!important;text-decoration:none!important;line-height:1.2!important;cursor:pointer!important;box-sizing:border-box!important}
.topbar .btn.small{padding:10px 15px!important;border-radius:999px!important}
.langswitch{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;white-space:nowrap!important;background:#f1f4f8!important;border-radius:999px!important;padding:6px 8px!important;font-size:12px!important}
.langswitch .langchoice{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#78839a!important;font-weight:800!important;text-decoration:none!important}
.langswitch .langchoice.active{color:var(--nx-blue)!important}
.langswitch img{display:inline-block!important;width:18px!important;max-width:18px!important;height:12px!important;max-height:12px!important;object-fit:cover!important;margin:0!important}

/* Homepage hero fallback */
.hero.hero-v139{display:block!important;min-height:0!important;height:auto!important;grid-template-columns:1fr!important;width:100%!important;max-width:1180px!important;margin:20px auto 28px!important;padding:52px!important;overflow:hidden!important;box-sizing:border-box!important}
.hero.hero-v139>div:first-child{max-width:820px!important}
.hero.hero-v139>.hero-product-mockup{display:none!important}
.hero.hero-v139 h1{max-width:780px!important;margin-bottom:22px!important}
.hero.hero-v139>div:first-child>p{max-width:760px!important;margin-bottom:18px!important}
.hero.hero-v139 .actions{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;max-width:760px!important;margin-top:8px!important}
.hero.hero-v139 .actions .btn.secondary{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
.hero.hero-v139 .trustrow{display:flex!important;gap:14px!important;flex-wrap:wrap!important;max-width:900px!important;margin-top:18px!important;line-height:1.4!important;color:#d7e7ff!important}
.product-visual-story>.product-wide-figure{display:block!important}
.nexa-trust-strip{margin:0 28px 22px!important;position:relative!important;z-index:2!important}

/* Auth/register/login fallback */
.authcard{width:min(470px,100%)!important;max-width:470px!important;margin:60px auto!important;padding:34px!important;background:#fff!important;border:1px solid var(--nx-border)!important;border-radius:18px!important;box-shadow:0 8px 30px rgba(31,52,88,.08)!important;box-sizing:border-box!important}
.authcard h1{margin-top:0!important;color:var(--nx-text)!important}
.authcard label{display:block!important;font-weight:700!important;font-size:14px!important;margin:15px 0!important}
/* The generic auth fallback above must never override HTML's hidden state. */
.authcard label[hidden]{display:none!important}
.authcard input,.authcard select{display:block!important;width:100%!important;box-sizing:border-box!important;margin-top:7px!important;padding:12px!important;border:1px solid #ccd4df!important;border-radius:10px!important;background:#fff!important;font:inherit!important;color:var(--nx-text)!important}
.authcard .btn{width:100%!important;text-align:center!important;margin-top:8px!important}

@media(max-width:1100px){
 .topbar nav{gap:12px!important;font-size:13px!important}
 .topbar .brand-logo{width:160px!important;max-width:160px!important;height:42px!important;max-height:42px!important}
}
@media(max-width:900px){
 .topbar nav>a:not(.btn){display:none!important}
 .topbar nav{gap:8px!important}
 .hero.hero-v139{padding:38px!important;margin-top:14px!important}
}
@media(max-width:700px){
 main{padding:14px 12px 56px!important}
 .topbar{height:62px!important;min-height:62px!important;padding:0 12px!important;gap:8px!important}
 .topbar .brand-logo{width:118px!important;max-width:118px!important;height:34px!important;max-height:34px!important}
 .topbar nav{gap:6px!important;min-width:0!important}
 .topbar .btn.small{display:inline-block!important;padding:8px 10px!important;font-size:11px!important}
 .langswitch{padding:4px 6px!important;font-size:11px!important;gap:3px!important}
 .langswitch img{width:15px!important;max-width:15px!important;height:10px!important;max-height:10px!important}
 .hero.hero-v139{padding:24px 18px!important;margin:8px 0 16px!important;border-radius:22px!important;width:100%!important}
 .hero.hero-v139 h1{font-size:36px!important;line-height:1.03!important;letter-spacing:-1.5px!important;margin-bottom:16px!important}
 .hero.hero-v139>div:first-child>p{font-size:16px!important;line-height:1.5!important}
 .hero.hero-v139 .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
 .hero.hero-v139 .actions .btn{width:100%!important;text-align:center!important}
 .hero.hero-v139 .trustrow{display:grid!important;gap:7px!important;font-size:13px!important}
 .nexa-trust-strip{margin:0 0 16px!important;grid-template-columns:1fr!important;width:100%!important}
 .authcard{margin:22px auto!important;padding:22px!important;width:100%!important}
}
@media(max-width:420px){
 .topbar .brand-logo{width:104px!important;max-width:104px!important}
 .topbar .btn.small{padding:7px 9px!important;font-size:10px!important}
 .langswitch{font-size:10px!important;padding:4px 5px!important}
 .hero.hero-v139{padding:22px 16px!important}
 .hero.hero-v139 h1{font-size:32px!important;letter-spacing:-1px!important}
 .hero.hero-v139>div:first-child>p{font-size:15px!important}
}