/* NEXAR Ultimate Experience 5.0 — precision identity layer.
   Stage 01 brand application; semantic text tokens begin Stage 03 without breaking v2.3 accents. */
:root{
 --nx5-primary-ink:#162940;
 --nx5-secondary-ink:#496079;
 --nx5-support-ink:#657990;
 --nx5-interactive-ink:#136FA7;
 --nx5-number-positive:#147CA8;
 --nx5-number-negative:#B04466;
 --nx5-danger-ink:#B53F61;
 --nx5-warning-ink:#976120;
 --nx5-info-ink:#136FAD;
 --nx5-success-ink:#1C807E;
 --nx5-radius-scene:23px;
 --nx5-font-body:clamp(14px,1.05vw,16px);
 --nx5-font-field:14px;
 --nx5-font-stat:clamp(28px,2.5vw,40px);
 --nx5-control-touch:44px;
}
:root[data-theme="dark"]{
 --nx5-primary-ink:#F0F5FF;
 --nx5-secondary-ink:#C1CCDF;
 --nx5-support-ink:#ABB8CC;
 --nx5-interactive-ink:#81CFF6;
 --nx5-number-positive:#78C7EB;
 --nx5-number-negative:#F18CA7;
 --nx5-danger-ink:#F39CB4;
 --nx5-warning-ink:#F2C178;
 --nx5-info-ink:#8DCFFB;
 --nx5-success-ink:#78D2CA;
}
.brand .brand-icon img{object-fit:contain;image-rendering:auto}
.brand strong,.nx4-auth .brand strong{font-family:Arial,'Cairo',sans-serif;font-weight:900;letter-spacing:.095em;direction:ltr}
.nx5-auth .auth-card h2{font-size:clamp(26px,2.5vw,37px);line-height:1.45;color:var(--nx5-primary-ink)}
.nx5-auth .auth-card>p{font-size:14px;color:var(--nx5-secondary-ink);line-height:1.9}
.nx5-auth .auth-card .form-label{font-size:13px;line-height:1.65;color:var(--nx5-primary-ink);font-weight:800}
.nx5-auth .auth-card .input{font-size:15px;min-height:52px;border-radius:12px}
.nx5-auth .auth-card .input:focus-visible{outline:0;border-color:#397CC9;box-shadow:0 0 0 3px #397CC929}
.nx5-auth .auth-card .input::placeholder{color:var(--nx5-support-ink)}
.nx5-auth .auth-card .nx4-auth-submit{min-height:53px;font-size:15px;border-radius:12px}
.nx5-auth .auth-toggle{font-size:13px;line-height:1.85}
.nx5-auth .auth-card .kicker{font-size:11px;color:var(--nx5-interactive-ink)}
.nx5-auth .scene-copy h1{font-size:clamp(36px,3.8vw,59px);line-height:1.39}
.nx5-auth .scene-copy p{font-size:14px;line-height:2}
.nx5-auth .scene-copy h1 span{background:linear-gradient(105deg,#A1E9FF,#7FBFFF 55%,#C4B2FF);background-clip:text;-webkit-background-clip:text;color:transparent}
.nx5-auth .auth-form-side{background:var(--nx4-paper)}
.nx5-auth .auth-card{width:min(100%,455px)}
.nx5-auth .nx4-password-toggle{min-width:40px;min-height:40px}
.nx5-auth .nx4-auth-logo .brand small{font-size:10px}
.nx5-auth .nx4-auth-logo .brand strong{font-size:23px;letter-spacing:.13em}
.nx5-auth .nx4-auth-logo .brand-icon{width:46px;height:46px}
.nx5-auth .nx5-auth-footnote{margin-top:17px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--nx5-support-ink);font-size:12px;line-height:1.8}
.nx5-auth .nx5-auth-footnote svg{width:16px;height:16px;color:var(--nx5-interactive-ink)}
.nx5-auth .nx5-intro-replay{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:var(--nx5-interactive-ink);font-weight:800;font:inherit;padding:6px}
.nx5-auth .nx5-intro-replay:hover{color:var(--nx5-primary-ink)}
.nx5-auth button:focus-visible,.nx5-auth .nx5-intro-replay:focus-visible{outline:3px solid #58B8EE;outline-offset:4px}
.nx5-auth .nx5-intro-replay:focus-visible{border-radius:6px}
.nx4-workspace .workspace-title h1{font-size:clamp(23px,2.3vw,32px);line-height:1.5}
.nx4-workspace .workspace-title p{font-size:13px;line-height:1.8}
.nx4-workspace .workspace-live{font-size:12px}
@media(max-width:840px){
 .nx5-auth .scene-copy h1{font-size:clamp(25px,4vw,33px)}
 .nx5-auth .scene-copy p{font-size:12px;line-height:1.8}
 .nx5-auth .auth-form-side{padding-inline:clamp(17px,4vw,36px)}
}
@media(max-width:620px){
 .nx5-auth .auth-scene{min-height:225px}
 .nx5-auth .scene-copy h1{font-size:24px}
 .nx5-auth .scene-copy p{font-size:11px;line-height:1.75}
 .nx5-auth .auth-card .input{font-size:16px;min-height:52px}
 .nx5-auth .auth-card .form-label{font-size:14px}
 .nx5-auth .auth-form-side{padding:23px 18px 34px}
 .nx5-auth .auth-card>p{font-size:13px}
 .nx5-auth .auth-card h2{font-size:27px}
}
@media(max-width:359px){
 .nx5-auth .auth-scene{padding:18px 14px;min-height:202px}
 .nx5-auth .scene-copy h1{font-size:21px}
 .nx5-auth .auth-form-side{padding-inline:14px}
 .nx5-auth .auth-card h2{font-size:24px}
 .nx5-auth .nx5-auth-footnote{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .nx5-auth .auth-card,.nx5-auth .scene-copy{animation:none!important}
}