.future-login {
  --future-blue: #4c8dff;
  --future-cyan: #40d9ff;
  position: relative;
  overflow: hidden;
  color: #eaf3ff;
  background: radial-gradient(circle at 80% 42%, rgba(133, 214, 255, .38), transparent 35%), radial-gradient(circle at 9% 82%, rgba(64, 229, 218, .2), transparent 34%), linear-gradient(125deg, #0b356d 0%, #1265a8 48%, #0b3d79 100%) !important;
}
.future-login::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.16; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.future-login::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(120deg,rgba(84,239,223,.1),transparent 18%,transparent 78%,rgba(91,225,218,.08)),linear-gradient(to bottom,rgba(133,238,255,.07),transparent 16%,transparent 84%,rgba(55,206,203,.08)); box-shadow:inset 0 0 90px rgba(65,224,213,.07); }
.future-grid { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(134,194,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(134,194,255,.12) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 82%,transparent); }
.future-scan { position:absolute; z-index:1; left:0; right:0; top:-20%; height:140px; opacity:.42; pointer-events:none; background:linear-gradient(to bottom,transparent,rgba(67,161,255,.055),rgba(73,205,255,.22),transparent); animation:future-scan 10s linear infinite; }
.future-ambient { position:absolute; border-radius:50%; filter:blur(10px); pointer-events:none; }
.future-ambient-one { width:520px; height:520px; right:7%; top:14%; background:radial-gradient(circle,rgba(137,211,255,.3),transparent 68%); animation:future-breathe 7s ease-in-out infinite; }
.future-ambient-two { width:380px; height:380px; left:-10%; bottom:-12%; background:radial-gradient(circle,rgba(64,232,218,.22),transparent 70%); }
.future-system-bar,.future-system-footer { position:absolute; z-index:6; left:clamp(24px,4.2vw,72px); right:clamp(24px,4.2vw,72px); display:flex; align-items:center; justify-content:space-between; color:rgba(184,211,244,.62); font:11px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.future-system-bar { top:28px; padding-bottom:18px; border-bottom:1px solid rgba(130,180,255,.13); }
.future-system-id,.future-system-status { display:flex; align-items:center; gap:12px; }
.future-system-mark { position:relative; width:25px; height:25px; border:1px solid rgba(83,185,255,.64); transform:rotate(45deg); box-shadow:inset 0 0 12px rgba(44,146,255,.22),0 0 16px rgba(44,146,255,.16); }
.future-system-mark::after { content:""; position:absolute; inset:6px; border:1px solid var(--future-cyan); }
.future-system-status span { width:6px; height:6px; border-radius:50%; background:#57e6ff; box-shadow:0 0 12px #3ddcff; animation:future-pulse 2s ease-out infinite; }
.future-login>.login-container { position:relative; z-index:3; width:min(1480px,92vw) !important; margin:0 auto; }
.future-login .login-container>.container { display:flex; height:100%; }
.future-login .left-container { position:relative; display:flex !important; align-items:center; max-width:58.3333% !important; flex:0 0 58.3333% !important; padding:110px 4vw 90px 1vw; overflow:visible; }
.future-login .left-container>.login-image { display:none !important; }
.future-login .right-container { position:relative; display:flex; align-items:center; justify-content:center; max-width:41.6667% !important; flex:0 0 41.6667% !important; padding:104px 24px 84px; box-sizing:border-box; }
.future-login .right-container::before { content:""; position:absolute; left:0; top:16%; bottom:16%; width:1px; background:linear-gradient(transparent,rgba(92,157,255,.18),transparent); }
.future-login .right-container>.lang { position:fixed !important; z-index:7; right:clamp(24px,4.2vw,72px) !important; top:84px !important; }
.future-login .lang .el-button { height:34px; color:rgba(195,219,247,.72) !important; border:1px solid rgba(98,162,255,.2) !important; border-radius:3px !important; background:rgba(10,25,54,.5) !important; backdrop-filter:blur(12px); }
.future-hero { position:relative; z-index:2; width:min(590px,74%); }
.future-eyebrow { display:flex; align-items:center; gap:12px; color:#8cb8e9; font:11px/1.6 ui-monospace,monospace; letter-spacing:.2em; }
.future-eyebrow span { width:7px; height:7px; border:1px solid var(--future-cyan); transform:rotate(45deg); box-shadow:0 0 8px rgba(64,217,255,.55); }
.future-hero h1 { margin:34px 0 24px; color:#eaf3ff; font-size:clamp(44px,4.2vw,72px); font-weight:520; line-height:1.22; letter-spacing:-.045em; text-shadow:0 8px 38px rgba(0,0,0,.38); }
.future-hero h1 em { font-style:normal; color:transparent; background:linear-gradient(105deg,#eaf8ff 4%,#73c7ff 46%,#4c79ff 100%); background-clip:text; -webkit-background-clip:text; }
.future-hero p { margin:0; color:rgba(190,211,236,.7); font-size:16px; line-height:2; letter-spacing:.045em; }
.future-capabilities { display:flex; align-items:center; gap:13px; margin-top:38px; color:rgba(131,169,215,.7); font:10px/1 ui-monospace,monospace; letter-spacing:.14em; }
.future-capabilities i { width:24px; height:1px; background:linear-gradient(90deg,transparent,rgba(80,184,255,.7)); }
.future-field { position:absolute; z-index:1; width:min(34vw,520px); aspect-ratio:1; right:-3%; top:50%; transform:translateY(-50%); filter:drop-shadow(0 0 50px rgba(28,112,255,.16)); }
.future-halo,.future-orbit { position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); }
.future-halo { border:1px solid rgba(89,173,255,.2); }
.future-halo::before,.future-halo::after { content:""; position:absolute; border-radius:50%; background:#65d6ff; box-shadow:0 0 12px #4dbfff; }
.halo-a { width:92%; height:92%; border-style:dashed; animation:future-spin 48s linear infinite; }
.halo-a::before { width:5px; height:5px; left:14%; top:13%; }.halo-a::after { width:3px; height:3px; right:10%; bottom:22%; }
.halo-b { width:68%; height:68%; border-color:rgba(71,142,255,.28); animation:future-spin-reverse 32s linear infinite; }
.halo-b::before { width:4px; height:4px; right:7%; top:29%; }.halo-b::after { width:5px; height:5px; left:9%; bottom:26%; }
.halo-c { width:43%; height:43%; border-color:rgba(87,215,255,.38); box-shadow:inset 0 0 32px rgba(30,123,255,.08); }
.future-orbit { border:1px solid rgba(105,184,255,.18); transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-12deg); }
.future-orbit span { position:absolute; width:6px; height:6px; border-radius:50%; background:#b5edff; box-shadow:0 0 14px #4dbfff; }
.orbit-a { width:83%; height:50%; animation:future-orbit 9s ease-in-out infinite alternate; }.orbit-a span:first-child { top:9%; left:24%; }.orbit-a span:last-child { right:12%; bottom:18%; }
.orbit-b { width:59%; height:88%; transform:translate(-50%,-50%) rotateY(66deg) rotateZ(36deg); }.orbit-b span:nth-child(1){top:4%;left:45%}.orbit-b span:nth-child(2){right:8%;top:55%}.orbit-b span:nth-child(3){left:14%;bottom:17%}
.future-core { position:absolute; left:50%; top:50%; width:116px; height:116px; display:grid; place-items:center; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(72,174,255,.2),rgba(25,92,214,.04) 60%,transparent 72%); box-shadow:0 0 72px rgba(39,135,255,.25); }
.future-core svg { width:72px; height:72px; stroke:#83d8ff; stroke-width:1.2; filter:drop-shadow(0 0 9px rgba(72,183,255,.8)); }.future-core circle { fill:rgba(179,237,255,.9); stroke:none; }
.future-data { position:absolute; color:rgba(106,170,230,.68); font:9px/1 ui-monospace,monospace; letter-spacing:.16em; }.data-a{top:12%;left:3%}.data-b{right:2%;bottom:17%}
.future-footnote { position:absolute; left:1vw; bottom:56px; display:flex; align-items:center; gap:12px; color:rgba(119,158,204,.54); font:10px/1 ui-monospace,monospace; letter-spacing:.16em; }.future-footnote span{width:36px;height:1px;background:rgba(72,183,255,.58)}
.future-login .login-form-container { position:relative; z-index:2; box-sizing:border-box; width:min(468px,100%) !important; padding:32px !important; border:1px solid rgba(132,219,237,.34); border-radius:8px; background:linear-gradient(145deg,rgba(19,74,143,.72),rgba(11,45,95,.82)),radial-gradient(circle at 12% 0%,rgba(110,224,232,.18),transparent 48%); box-shadow:0 30px 80px rgba(2,30,75,.36),inset 0 1px 0 rgba(189,255,248,.16),-1px -1px 0 rgba(111,239,223,.1),0 0 55px rgba(65,203,220,.1); backdrop-filter:blur(22px) saturate(125%); }
.future-login .login-form-container::before { content:""; position:absolute; left:14%; right:14%; top:-1px; height:1px; background:linear-gradient(90deg,transparent,#55c7ff,transparent); box-shadow:0 0 14px rgba(60,180,255,.5); }
.future-login .login-title { display:none !important; }
.future-access-head { display:flex; align-items:center; gap:18px; margin-bottom:26px; }
.future-access-symbol { width:58px; height:58px; flex:none; display:grid; place-items:center; border:1px solid rgba(76,161,255,.28); border-radius:13px; background:linear-gradient(145deg,rgba(66,146,255,.14),rgba(25,79,172,.04)); box-shadow:inset 0 0 20px rgba(44,138,255,.08),0 0 22px rgba(35,130,255,.08); }
.future-access-symbol svg { width:34px; height:34px; stroke:#74cfff; stroke-width:1.25; filter:drop-shadow(0 0 7px rgba(64,190,255,.55)); }.future-access-symbol circle{fill:#b7efff;stroke:none}
.future-access-kicker { display:flex; align-items:center; gap:8px; color:#6fbbed; font:9px/1 ui-monospace,monospace; letter-spacing:.18em; }.future-access-kicker span{width:13px;height:1px;background:#4ed5ff;box-shadow:0 0 7px #4ed5ff}
.future-access-head h1 { margin:5px 0 4px; color:#f1f8ff; font-size:25px; font-weight:560; line-height:1.28; letter-spacing:.02em; }.future-access-head p{margin:0;color:rgba(166,193,225,.66);font-size:12px;line-height:1.6;white-space:nowrap}
.future-login .login-card { padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
.future-login .login-card>.el-card__body { padding:0 !important; }
.future-login .login-card h2 { margin:0 0 22px !important; color:rgba(224,239,255,.9); font-size:13px; font-weight:500; letter-spacing:.04em; }
.future-login .el-form-item { margin-bottom:0; }
.future-login .el-input__wrapper { min-height:48px; padding:1px 15px; border:1px solid rgba(143,218,234,.3); border-radius:4px; background:rgba(7,40,85,.64); box-shadow:inset 0 1px 8px rgba(0,0,0,.11) !important; transition:.25s; }
.future-login .el-input__wrapper:hover { border-color:rgba(121,230,225,.52); background:rgba(13,57,111,.74); }.future-login .el-input__wrapper.is-focus{border-color:#7de2df;background:rgba(11,64,122,.78);box-shadow:0 0 0 3px rgba(91,218,213,.14),0 0 22px rgba(65,201,214,.13)!important}
.future-login .el-input__inner { color:#e9f5ff; font-size:14px; }.future-login .el-input__inner::placeholder{color:rgba(151,181,218,.48)}.future-login .el-input__suffix{color:rgba(143,191,235,.68)}
.future-login .login-form .flex-between{gap:8px}.future-login .login-form .flex-between>.el-input{width:0!important;min-width:0;flex:1 1 0}.future-login .login-form img{width:112px;height:48px;flex:none;object-fit:cover;margin-left:0!important;border:1px solid rgba(95,176,255,.3)!important;border-radius:4px;background:#fff;box-shadow:0 0 18px rgba(43,142,255,.08)}
.future-login .login-card .el-button--primary { position:relative; min-height:48px; overflow:hidden; border:1px solid rgba(107,205,255,.45); border-radius:4px; color:#fff; font-weight:550; letter-spacing:.12em; background:linear-gradient(100deg,#246cf0,#238ee9 48%,#20b5e3); box-shadow:0 10px 28px rgba(27,102,230,.25),inset 0 1px 0 rgba(255,255,255,.19); transition:.25s; }
.future-login .login-card .el-button--primary:hover { transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 14px 34px rgba(27,119,240,.34),0 0 22px rgba(49,178,255,.16); }
.future-login .operate-container { justify-content:flex-end; }.future-login .el-button.is-link{min-height:auto;color:#68bfff;letter-spacing:0;background:transparent;box-shadow:none}
.future-security { display:flex; align-items:center; gap:8px; margin-top:19px; color:rgba(110,154,201,.54); font:8px/1 ui-monospace,monospace; letter-spacing:.16em; }.future-security span{width:5px;height:5px;border-radius:50%;background:#4ad9ff;box-shadow:0 0 9px rgba(74,217,255,.9)}
.future-system-footer { bottom:24px; padding-top:16px; border-top:1px solid rgba(130,180,255,.1); font-size:9px; }
@keyframes future-scan{to{transform:translateY(130vh)}}@keyframes future-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes future-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes future-orbit{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(8deg)}}@keyframes future-breathe{50%{opacity:.58;transform:scale(1.08)}}@keyframes future-pulse{70%{box-shadow:0 0 0 7px rgba(61,220,255,0)}}
@media(max-width:1100px){.future-login .login-container{width:100%!important}.future-hero{width:86%}.future-hero h1{font-size:clamp(40px,5vw,58px)}.future-field{opacity:.56;right:-13%}}
@media(max-width:860px){.future-login .left-container{display:none!important}.future-login .right-container{max-width:100%!important;flex:0 0 100%!important;min-height:100%;padding:104px 20px 76px}.future-login .right-container::before{display:none}.future-login .right-container>.lang{display:none!important}}
@media(max-width:560px){.future-system-bar,.future-system-footer{left:18px;right:18px}.future-system-bar{top:20px}.future-system-id{font-size:9px;letter-spacing:.1em}.future-system-status,.future-system-footer span:last-child{display:none}.future-login .right-container{padding:112px 14px 68px}.future-login .login-form-container{width:100%!important;max-width:calc(100vw - 28px);padding:25px 20px 23px!important}.future-access-head{gap:13px;margin-bottom:23px}.future-access-symbol{width:50px;height:50px;border-radius:11px}.future-access-symbol svg{width:30px;height:30px}.future-access-head h1{font-size:22px}.future-access-head p{max-width:235px;overflow:hidden;text-overflow:ellipsis}.future-login .login-form img{width:98px}}
@media(prefers-reduced-motion:reduce){.future-scan,.future-ambient-one,.future-halo,.future-orbit,.future-system-status span{animation:none!important}}