/* ============================================================
   VIP-SHOP NEXUS V3 — LOGIN
   Full-screen command gateway. No shared dashboard footer/layout.
   ============================================================ */
:root{
  --login-cyan:#40ddff;--login-cyan2:#00f0ff;--login-violet:#7b5cff;--login-pink:#ff3ba7;
  --login-green:#59e6a8;--login-text:#ecfaff;--login-muted:#7891a5;--login-dark:#020710;
}
*{box-sizing:border-box}
html,body.vip-login-page{margin:0!important;width:100%!important;min-height:100%!important;background:#020710!important;color:var(--login-text)!important}
body.vip-login-page{display:block!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
.login-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(31,91,176,.18),transparent 31%),radial-gradient(circle at 78% 74%,rgba(123,92,255,.11),transparent 28%),linear-gradient(145deg,#020710 0%,#04101a 48%,#020710 100%)}
.login-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(64,221,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(64,221,255,.035) 1px,transparent 1px);background-size:52px 52px;transform:perspective(700px) rotateX(61deg) translateY(31%);transform-origin:center;opacity:.7;animation:gridDrift 14s linear infinite}
.login-aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.34;mix-blend-mode:screen;animation:auroraMove 14s ease-in-out infinite alternate}
.aurora-a{width:38vw;height:38vw;left:-12vw;top:-14vw;background:radial-gradient(circle,rgba(0,240,255,.3),rgba(31,85,255,.08) 54%,transparent 70%)}
.aurora-b{width:42vw;height:42vw;right:-16vw;bottom:-18vw;background:radial-gradient(circle,rgba(123,92,255,.25),rgba(255,59,167,.07) 50%,transparent 70%);animation-delay:-5s}
.login-orbit{position:absolute;border:1px solid rgba(64,221,255,.07);border-radius:50%;animation:orbitSpin 30s linear infinite}
.login-orbit::before,.login-orbit::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(123,92,255,.08);inset:12%}.login-orbit::after{inset:27%;border-color:rgba(255,59,167,.06)}
.orbit-a{width:560px;height:560px;right:-210px;top:8%}.orbit-b{width:410px;height:410px;left:-190px;bottom:-80px;animation-direction:reverse;animation-duration:24s}
.particles{position:absolute;inset:0;overflow:hidden}.particles span{position:absolute;display:block;border-radius:50%;background:rgba(64,221,255,.68);box-shadow:0 0 9px rgba(64,221,255,.46);animation:floatSpark linear infinite}
.scan-beam{position:absolute;left:-15%;top:-20%;width:24%;height:150%;background:linear-gradient(90deg,transparent,rgba(64,221,255,.025),rgba(64,221,255,.08),rgba(123,92,255,.035),transparent);transform:skewX(-18deg);animation:scanBeam 11s linear infinite}
.login-stage{position:relative;z-index:2;width:100%;height:100vh;min-height:640px;display:grid;grid-template-rows:76px minmax(0,1fr) 48px;padding:0 clamp(24px,4vw,72px)}
.login-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(64,221,255,.09)}
.login-brand{display:flex;align-items:center;gap:12px}.login-brand-core{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 28%,rgba(64,221,255,.25),rgba(4,18,31,.9) 67%);border:1px solid rgba(64,221,255,.25);box-shadow:inset 0 0 18px rgba(64,221,255,.07),0 0 24px rgba(64,221,255,.08)}
.login-brand-core::before{content:"";position:absolute;inset:6px;border:1px dashed rgba(64,221,255,.45);border-radius:50%;animation:orbitSpin 8s linear infinite}.login-brand-core span{font-size:10px;font-weight:900;color:var(--login-cyan);letter-spacing:.1em;text-shadow:0 0 10px rgba(64,221,255,.65)}
.login-brand-copy{display:flex;flex-direction:column}.login-brand-copy strong{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:17px;letter-spacing:.08em}.login-brand-copy small{margin-top:2px;color:#587286;font-size:8px;font-weight:800;letter-spacing:.2em}
.top-status{display:flex;align-items:center;gap:10px;color:#668198;font-size:9px;font-weight:750;letter-spacing:.13em}.top-status-dot{width:6px;height:6px;border-radius:50%;background:var(--login-green);box-shadow:0 0 11px var(--login-green);animation:pulseDot 2s ease-in-out infinite}.top-divider{height:13px;width:1px;background:rgba(64,221,255,.13)}
.login-workspace{width:100%;max-width:1680px;min-height:0;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.62fr);gap:clamp(38px,6vw,110px);align-items:center}
.command-visual{position:relative;min-width:0;padding:24px 0}.visual-kicker{display:flex;align-items:center;gap:10px;color:var(--login-cyan);font-size:9px;font-weight:850;letter-spacing:.22em}.visual-kicker span{width:32px;height:1px;background:linear-gradient(90deg,var(--login-cyan),transparent);box-shadow:0 0 8px var(--login-cyan)}
.command-visual h1{margin:17px 0 0;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:clamp(68px,7.3vw,126px);font-weight:900;line-height:.75;letter-spacing:-.035em;color:#f3fbff;text-shadow:0 14px 42px rgba(0,0,0,.28)}
.command-visual h1 em{display:inline-block;margin-top:22px;font-style:normal;background:linear-gradient(90deg,#63f7d3 0%,#40ddff 42%,#7b5cff 80%,#ff3ba7 116%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleFlow 7s ease-in-out infinite}
.visual-lead{max-width:680px;margin:25px 0 0;color:#8ca3b5;font-size:14px;line-height:1.75}
.holo-area{margin-top:34px;display:flex;align-items:center;gap:34px;min-height:205px}.holo-radar{width:205px;height:205px;min-width:205px;position:relative;border-radius:50%;filter:drop-shadow(0 0 22px rgba(64,221,255,.08))}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(64,221,255,.18);inset:0}.ring-1{inset:12%;border-style:dashed;animation:orbitSpin 16s linear infinite}.ring-2{inset:27%;border-color:rgba(123,92,255,.23);animation:orbitSpin 10s linear infinite reverse}.ring-3{inset:41%;border-color:rgba(64,221,255,.3)}.radar-cross{position:absolute;background:linear-gradient(90deg,transparent,rgba(64,221,255,.12),transparent)}.radar-x{height:1px;left:3%;right:3%;top:50%}.radar-y{width:1px;top:3%;bottom:3%;left:50%;background:linear-gradient(transparent,rgba(64,221,255,.12),transparent)}.radar-sweep{position:absolute;inset:3%;border-radius:50%;overflow:hidden;animation:orbitSpin 4.2s linear infinite}.radar-sweep::before{content:"";position:absolute;left:50%;top:50%;width:48%;height:48%;transform-origin:0 0;background:conic-gradient(from 266deg,rgba(64,221,255,.26),transparent 27deg)}
.radar-core{position:absolute;inset:35%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(64,221,255,.16),rgba(4,14,24,.95) 69%);border:1px solid rgba(64,221,255,.25);box-shadow:0 0 24px rgba(64,221,255,.12)}.radar-core i{font-size:19px;color:var(--login-cyan)}.radar-core span{font-size:7px;color:#6e8ca0;letter-spacing:.15em}.radar-node{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--login-cyan);box-shadow:0 0 10px var(--login-cyan);animation:nodeBlink 2.4s ease-in-out infinite}.node-a{left:12%;top:37%}.node-b{right:17%;top:21%;animation-delay:-.8s}.node-c{right:7%;bottom:32%;animation-delay:-1.4s}
.holo-readout{width:min(330px,100%);padding:15px 17px;border-left:1px solid rgba(64,221,255,.13);background:linear-gradient(90deg,rgba(64,221,255,.025),transparent)}.readout-label{margin-bottom:11px;color:#526f84;font-size:8px;font-weight:850;letter-spacing:.2em}.readout-line{display:flex;justify-content:space-between;gap:24px;padding:7px 0;border-bottom:1px solid rgba(64,221,255,.055);font-size:9px;color:#7d96aa;letter-spacing:.06em}.readout-line b{font-size:8px;letter-spacing:.12em}.readout-line .ok{color:var(--login-green)}.readout-line .secure{color:#c89dff}.signal-bars{height:29px;margin-top:12px;display:flex;align-items:flex-end;gap:4px}.signal-bars i{width:9px;height:30%;border-radius:2px 2px 0 0;background:linear-gradient(var(--login-cyan),rgba(64,221,255,.15));animation:bars 1.7s ease-in-out infinite alternate}.signal-bars i:nth-child(2){height:56%;animation-delay:-.2s}.signal-bars i:nth-child(3){height:82%;animation-delay:-.5s}.signal-bars i:nth-child(4){height:42%;animation-delay:-.8s}.signal-bars i:nth-child(5){height:94%;animation-delay:-1.1s}.signal-bars i:nth-child(6){height:68%;animation-delay:-.4s}.signal-bars i:nth-child(7){height:38%;animation-delay:-1.3s}.signal-bars i:nth-child(8){height:76%;animation-delay:-.7s}
.visual-metrics{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:680px}.visual-metric{min-height:58px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(64,221,255,.075);border-radius:12px;background:rgba(5,18,29,.48);transition:.28s ease}.visual-metric:hover{transform:translateY(-3px);border-color:rgba(64,221,255,.2);background:rgba(9,27,42,.7)}.visual-metric i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(64,221,255,.07);color:var(--login-cyan)}.visual-metric strong{display:block;font:800 11px "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.08em}.visual-metric span{display:block;margin-top:2px;color:#587186;font-size:8px}
.access-zone{width:100%;max-width:500px;justify-self:end;position:relative;padding:30px 0}.access-decoration{color:#426176;font-size:7px;font-weight:850;letter-spacing:.22em}.deco-top{margin:0 0 9px 18px}.deco-bottom{text-align:right;margin:9px 18px 0 0}.access-card{position:relative;overflow:hidden;padding:31px 31px 24px;border-radius:25px;background:linear-gradient(155deg,rgba(9,25,39,.94),rgba(4,13,23,.97));border:1px solid rgba(64,221,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025),0 0 45px rgba(64,221,255,.045);backdrop-filter:blur(25px)}
.access-card::before{content:"";position:absolute;left:-35%;top:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--login-cyan),var(--login-violet),transparent);animation:cardScan 4.5s linear infinite}.access-card::after{content:"";position:absolute;width:120px;height:120px;right:-72px;top:-72px;border:1px solid rgba(64,221,255,.1);border-radius:50%;box-shadow:0 0 0 25px rgba(64,221,255,.016),0 0 0 50px rgba(123,92,255,.012)}.access-card-glow{position:absolute;inset:auto -30% -48% 20%;height:55%;background:radial-gradient(circle,rgba(64,221,255,.07),transparent 65%);pointer-events:none}
.access-head{display:flex;align-items:center;gap:13px}.access-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(64,221,255,.12),rgba(123,92,255,.08));border:1px solid rgba(64,221,255,.17);color:var(--login-cyan);font-size:19px;box-shadow:inset 0 0 16px rgba(64,221,255,.04)}.access-kicker{display:block;color:var(--login-cyan);font-size:7px;font-weight:850;letter-spacing:.22em}.access-head h2{margin:3px 0 0;font:900 29px/1 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.02em}.access-copy{margin:18px 0 22px;color:#7890a3;font-size:11px;line-height:1.65}
.login-field{margin-bottom:15px}.login-field label{display:block;margin:0 0 7px 2px;color:#688197;font-size:8px;font-weight:850;letter-spacing:.18em}.login-input-shell{height:52px;position:relative;display:flex;align-items:center;border:1px solid rgba(64,221,255,.13);border-radius:13px;background:rgba(2,10,18,.66);transition:.24s ease}.login-input-shell:focus-within{border-color:rgba(64,221,255,.48);background:rgba(3,15,25,.92);box-shadow:0 0 0 3px rgba(64,221,255,.06),0 0 25px rgba(64,221,255,.06);transform:translateY(-1px)}.login-input-shell>i{width:46px;text-align:center;color:#58778d;font-size:13px}.login-input-shell input{width:100%;height:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 10px 0 0!important;border-radius:0!important;color:#e9f8ff!important;font-size:12px!important;outline:0!important}.login-input-shell input::placeholder{color:#3f586b}.field-state{margin-right:12px;color:#426176;font-size:7px;font-weight:900;letter-spacing:.12em}.password-toggle{width:43px;height:42px;display:grid;place-items:center;flex:0 0 43px;margin-right:5px;border:0;border-radius:10px;background:transparent;color:#536f84;cursor:pointer;transition:.2s}.password-toggle:hover{color:var(--login-cyan);background:rgba(64,221,255,.06)}
.login-submit{width:100%;height:53px;margin-top:6px;position:relative;border:1px solid rgba(64,221,255,.37);border-radius:13px;overflow:hidden;background:linear-gradient(100deg,rgba(17,91,119,.8),rgba(35,75,141,.78),rgba(93,61,151,.72));color:#effdff;cursor:pointer;box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 28px rgba(64,221,255,.07);transition:.25s var(--ease)}.login-submit:hover{transform:translateY(-2px);border-color:rgba(64,221,255,.62);box-shadow:0 18px 38px rgba(0,0,0,.29),0 0 35px rgba(64,221,255,.12)}.login-submit:active{transform:translateY(0) scale(.995)}.login-submit:disabled{opacity:.62;cursor:wait;transform:none}.submit-label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.14em}.submit-scan{position:absolute;inset:0;transform:translateX(-125%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);animation:submitScan 3.1s ease-in-out infinite}.message{display:none;margin-top:12px;padding:10px 12px;border-radius:10px;font-size:10px;line-height:1.45}.message.show{display:block;animation:msgIn .25s ease both}.message.error{color:#ffc1cb;background:rgba(255,95,119,.07);border:1px solid rgba(255,95,119,.18)}.message.success{color:#bff9df;background:rgba(89,230,168,.07);border:1px solid rgba(89,230,168,.18)}
.access-footer{margin-top:18px;padding-top:14px;border-top:1px solid rgba(64,221,255,.07);display:flex;justify-content:space-between;align-items:center;color:#4a687d;font-size:7px;font-weight:850;letter-spacing:.13em}.access-footer>span{display:flex;align-items:center;gap:6px}.access-pulse i{width:5px;height:5px;border-radius:50%;background:var(--login-green);box-shadow:0 0 8px var(--login-green);animation:pulseDot 2s infinite}
.login-footer{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(64,221,255,.07);color:#456277;font-size:7px;font-weight:800;letter-spacing:.16em}.footer-center{display:flex;align-items:center;gap:7px}.footer-center i{width:5px;height:5px;border-radius:50%;background:var(--login-green);box-shadow:0 0 8px var(--login-green)}
@keyframes gridDrift{to{background-position:0 52px,52px 0}}@keyframes auroraMove{0%{transform:translate3d(-3%,0,0) scale(.94)}100%{transform:translate3d(6%,5%,0) scale(1.12)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes scanBeam{0%{transform:translateX(-30vw) skewX(-18deg)}100%{transform:translateX(150vw) skewX(-18deg)}}@keyframes titleFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulseDot{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.15)}}@keyframes nodeBlink{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes bars{to{transform:scaleY(.55);opacity:.55}}@keyframes cardScan{0%{left:-35%}100%{left:125%}}@keyframes submitScan{0%,30%{transform:translateX(-125%)}62%,100%{transform:translateX(125%)}}@keyframes msgIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

@media(max-width:1180px){.login-workspace{grid-template-columns:minmax(0,1fr) minmax(370px,.74fr);gap:38px}.command-visual h1{font-size:clamp(62px,8vw,96px)}.holo-radar{width:170px;height:170px;min-width:170px}.visual-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){body.vip-login-page{overflow:auto!important;height:auto!important}.login-stage{height:auto;min-height:100vh;grid-template-rows:68px auto 44px;padding:0 20px}.login-workspace{grid-template-columns:1fr;gap:4px;padding:30px 0}.command-visual{padding:8px 0 18px}.command-visual h1{font-size:clamp(58px,14vw,88px)}.visual-lead{max-width:100%}.holo-area{margin-top:24px}.access-zone{max-width:600px;justify-self:stretch;margin:0 auto;width:100%;padding:10px 0 20px}.visual-metrics{max-width:none}.top-status{display:none}}
@media(max-width:600px){.login-stage{padding:0 13px}.login-brand-copy small{display:none}.login-workspace{padding-top:22px}.command-visual h1{font-size:54px}.visual-kicker{font-size:7px}.visual-lead{font-size:12px;margin-top:18px}.holo-area{display:none}.visual-metrics{grid-template-columns:1fr;margin-top:20px}.access-card{padding:23px 18px 19px;border-radius:19px}.access-head h2{font-size:26px}.login-footer{justify-content:center}.login-footer>span:first-child,.login-footer>span:last-child{display:none}.deco-top,.deco-bottom{margin-left:8px;margin-right:8px}.login-input-shell{height:50px}}
@media(max-height:760px) and (min-width:901px){.login-stage{grid-template-rows:62px minmax(0,1fr) 38px}.command-visual h1{font-size:72px}.command-visual h1 em{margin-top:15px}.visual-lead{margin-top:18px}.holo-area{margin-top:18px;min-height:160px}.holo-radar{width:155px;height:155px;min-width:155px}.visual-metrics{margin-top:10px}.access-card{padding:24px 26px 20px}.access-copy{margin:12px 0 16px}.login-field{margin-bottom:11px}.login-input-shell{height:47px}.login-submit{height:48px}.access-footer{margin-top:12px}}


/* ============================================================
   NEXUS V4 — LOGIN INPUT ALIGNMENT
   ============================================================ */
.login-input-shell{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:0!important;
}
.login-input-shell>i{
  width:52px!important;height:100%!important;display:grid!important;place-items:center!important;
  border-right:1px solid rgba(64,221,255,.08)!important;background:rgba(64,221,255,.025)!important;
  margin:0!important;
}
.login-input-shell input{
  width:100%!important;min-width:0!important;height:100%!important;
  padding:0 17px!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
/* The old ID tail looked like a black strip. It is decorative, so remove it. */
.login-input-shell .field-state{display:none!important}
.password-toggle{width:48px!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;border-left:1px solid rgba(64,221,255,.08)!important;background:rgba(64,221,255,.02)!important}
.password-toggle:hover{background:rgba(64,221,255,.075)!important}
@media(max-width:600px){.login-input-shell{grid-template-columns:48px minmax(0,1fr) auto!important}.login-input-shell>i{width:48px!important}.login-input-shell input{padding:0 14px!important}.password-toggle{width:45px!important}}


/* ============================================================
   NEXUS V5 — RADAR CORE CENTER
   Two children in CSS grid created two rows and pushed chip upward.
   ============================================================ */
.radar-core{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
}
.radar-core i{display:block!important;line-height:1!important;margin:0!important;transform:none!important}
.radar-core span{display:block!important;line-height:1!important;margin:0!important;transform:none!important}

/* NEXUS LOGIN PERFORMANCE HOTFIX v69 */
.login-grid{animation-duration:32s!important;opacity:.50!important}
.login-aurora{
  filter:blur(44px)!important;opacity:.22!important;mix-blend-mode:normal!important;
  animation-duration:28s!important;
}
.login-orbit{animation-duration:46s!important}
.scan-beam{opacity:.45!important}
.particles span{box-shadow:0 0 6px rgba(64,221,255,.28)!important;will-change:transform,opacity}

@media(max-width:900px){
  .login-grid{animation:none!important;opacity:.28!important}
  .login-aurora{animation:none!important;filter:blur(30px)!important;opacity:.12!important}
  .login-orbit{display:none!important}
  .scan-beam{animation:none!important;opacity:.12!important}
  .access-card,.visual-metric{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(max-width:600px){
  .login-aurora{display:none!important}
  .login-grid{opacity:.20!important}
  .particles span{box-shadow:0 0 4px rgba(64,221,255,.20)!important}
  .login-input-shell input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .login-bg *,.login-stage *,
  .login-bg *::before,.login-bg *::after,
  .login-stage *::before,.login-stage *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;
  }
}