/* NEXUS Experience / Page Loader 5A. Layout only, opt-in independently. */
#nxl-screen{--nxl-bg:#111827;--nxl-accent:#67DCCB;--nxl-fg:#F8FAFC;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:var(--nxl-bg);color:var(--nxl-fg);font-family:Tajawal,Tahoma,Arial,sans-serif;text-align:center;isolation:isolate;animation:nxl-safety-hide .01s steps(1,end) 4.2s forwards}
#nxl-screen *{box-sizing:border-box}#nxl-screen .nxl-inner{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:13px}#nxl-screen .nxl-logo{width:78px;height:78px;object-fit:contain;border-radius:20px;filter:drop-shadow(0 12px 24px #0004)}
#nxl-screen .nxl-monogram{display:grid;place-items:center;width:78px;height:78px;font-size:42px;color:var(--nxl-accent);font-weight:900}
#nxl-screen .nxl-motion{position:relative;width:90px;height:90px;display:grid;place-items:center;margin-block:0 6px}#nxl-screen .nxl-motion span{display:block}
#nxl-screen[data-variant=orbit] .nxl-motion:before,#nxl-screen[data-variant=orbit] .nxl-motion:after{content:"";position:absolute;inset:9px;border:2px solid transparent;border-top-color:var(--nxl-accent);border-radius:50%;animation:nxl-turn 1.1s linear infinite}#nxl-screen[data-variant=orbit] .nxl-motion:after{inset:19px;border-top-color:var(--nxl-fg);animation-direction:reverse;animation-duration:1.6s}
#nxl-screen[data-variant=pulse] .nxl-motion:before{content:"";height:44px;width:44px;background:var(--nxl-accent);border-radius:50%;animation:nxl-pulse 1.3s ease-in-out infinite;box-shadow:0 0 40px color-mix(in srgb,var(--nxl-accent) 60%,transparent)}
#nxl-screen[data-variant=dots] .nxl-motion{display:flex;gap:11px;justify-content:center}#nxl-screen[data-variant=dots] .nxl-motion span{width:13px;height:13px;border-radius:50%;background:var(--nxl-accent);animation:nxl-dot 1s ease-in-out infinite}#nxl-screen[data-variant=dots] .nxl-motion span:nth-child(2){animation-delay:.15s}#nxl-screen[data-variant=dots] .nxl-motion span:nth-child(3){animation-delay:.3s}
#nxl-screen[data-variant=bar] .nxl-motion{width:min(250px,80%);height:8px;border-radius:50px;background:#ffffff24;overflow:hidden}#nxl-screen[data-variant=bar] .nxl-motion:before{content:"";position:absolute;inset:0 auto 0 -40%;width:40%;background:var(--nxl-accent);border-radius:30px;animation:nxl-slide 1.4s ease-in-out infinite}
#nxl-screen[data-variant=minimal] .nxl-motion{height:12px;width:12px;border-radius:50%;background:var(--nxl-accent)}
#nxl-screen h2{margin:0;font-size:clamp(19px,4vw,26px);font-weight:800;line-height:1.4;color:var(--nxl-fg)}#nxl-screen p{margin:0;font-size:13px;line-height:1.6;color:var(--nxl-fg);opacity:.77}
#nxl-screen.nxl-leaving{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s}
@keyframes nxl-turn{to{transform:rotate(360deg)}}@keyframes nxl-pulse{50%{transform:scale(1.25);opacity:.55}}@keyframes nxl-dot{50%{transform:translateY(-8px);opacity:.4}}@keyframes nxl-slide{to{left:100%}}@keyframes nxl-safety-hide{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#nxl-screen .nxl-motion,#nxl-screen .nxl-motion:before,#nxl-screen .nxl-motion:after,#nxl-screen .nxl-motion span{animation:none!important;transition:none!important}#nxl-screen.nxl-leaving{transition:none}}