.login-page{--bg-0:#05070f;--bg-1:#080c1a;--ink:#eef2fb;--muted:#93a1c2;--muted-2:#5d6b8c;--indigo:#6366f1;--blue:#3b82f6;--violet:#8b5cf6;--cyan:#22d3ee;--line:#8296c81a;--line-2:#8296c833;--glass:#0d122680;--radius:20px;min-height:100vh;color:var(--ink);background:radial-gradient(1200px 760px at 22% 44%, #101a3a 0%, transparent 62%), radial-gradient(900px 600px at 96% 6%, #14173c 0%, transparent 55%), linear-gradient(165deg, var(--bg-1) 0%, var(--bg-0) 72%);position:relative;overflow-x:hidden}.login-page,.login-page *,.login-page :before,.login-page :after{box-sizing:border-box}.login-page,.login-page input,.login-page button,.login-page textarea,.login-page select,.login-page ::placeholder{font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif}.login-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 100% at 35% 45%,#0000 55%,#02040a8c 100%);position:fixed;inset:0}.login-page .shell{z-index:1;grid-template-columns:1.32fr .68fr;min-height:100vh;display:grid;position:relative}.login-page .topbar{z-index:5;align-items:center;gap:18px;display:flex;position:absolute;top:30px;left:42px}.login-page .topbar .brand{letter-spacing:3px;font-size:20px;font-weight:800}.login-page .topbar .sep{background:var(--line-2);width:1px;height:20px}.login-page .topbar .url{color:var(--muted);align-items:center;gap:9px;font-size:14px;font-weight:500;display:flex}.login-page .topbar .url .dot{background:var(--violet);width:7px;height:7px;box-shadow:0 0 10px var(--violet);border-radius:50%;animation:3s infinite login-blink}@keyframes login-blink{0%,to{opacity:1}50%{opacity:.45}}.login-page .scene{flex-direction:column;padding:104px 56px 40px;display:flex;position:relative;overflow:hidden}.login-page .hero{z-index:3;max-width:520px;position:relative}.login-page .hero h1{letter-spacing:-1px;font-size:40px;font-weight:700;line-height:1.08}.login-page .hero h1 b{color:#0000;background:linear-gradient(120deg,#7aa2ff,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-page .hero .tag{color:var(--muted);margin-top:12px;font-size:16px;font-weight:500}.login-page .map-wrap{z-index:2;flex:1;min-height:330px;margin:6px 0;position:relative}.login-page .map-wrap svg{width:100%;height:100%;position:absolute;inset:0}.login-page .stepper{z-index:3;justify-content:space-between;max-width:640px;margin-top:6px;display:flex;position:relative}.login-page .stepper:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet), var(--blue));opacity:.22;z-index:0;height:1.5px;position:absolute;top:27px;left:8%;right:8%}.login-page .stepper:after{content:"";filter:blur(.4px);z-index:0;background:linear-gradient(90deg,#0000,#c4d8fff2,#0000);border-radius:4px;width:13%;height:4px;animation:5s linear infinite login-trace;position:absolute;top:25.5px;left:6%}@keyframes login-trace{0%{opacity:0;left:5%}6%{opacity:1}94%{opacity:1}to{opacity:0;left:83%}}.login-page .step{text-align:center;z-index:1;flex-direction:column;align-items:center;width:120px;display:flex;position:relative}.login-page .step .ring{border:1px solid var(--line-2);background:radial-gradient(circle at 50% 38%,#1c2650eb,#080c1af5);border-radius:50%;place-items:center;width:54px;height:54px;animation:5s linear infinite login-ring-pulse;display:grid;position:relative}.login-page .step .ring svg{width:23px;height:23px}.login-page .step.s1 .ring{box-shadow:0 0 16px -7px var(--cyan);color:#7fe3f5;animation-delay:-.35s}.login-page .step.s2 .ring{box-shadow:0 0 16px -7px var(--blue);color:#8ab0ff;animation-delay:1.3s}.login-page .step.s3 .ring{box-shadow:0 0 16px -7px var(--violet);color:#bda3ff;animation-delay:3.05s}.login-page .step.s4 .ring{box-shadow:0 0 16px -7px var(--cyan);color:#7fe3f5;animation-delay:4.3s}@keyframes login-ring-pulse{0%,7%{filter:brightness();transform:scale(1)}11%{filter:brightness(1.7)drop-shadow(0 0 9px);transform:scale(1.13)}18%{filter:brightness();transform:scale(1)}to{filter:brightness()}}.login-page .step h4{margin-top:13px;font-size:13.5px;font-weight:700}.login-page .step small{color:var(--muted-2);margin-top:5px;font-size:11.5px;line-height:1.4;display:block}.login-page .auth{justify-content:center;align-items:center;padding:40px 46px 40px 0;display:flex}.login-page .card{background:var(--glass);-webkit-backdrop-filter:blur(22px);border:1px solid var(--line-2);border-radius:var(--radius);flex-direction:column;justify-content:center;width:100%;max-width:420px;min-height:84vh;padding:48px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000000e6}.login-page .card:before{content:"";background:linear-gradient(90deg,#0000,#7c6cff99,#0000);height:1px;position:absolute;top:0;left:0;right:0}.login-page .logo-mark{color:#a5b4ff;background:linear-gradient(150deg,#6366f138,#22d3ee1a);border:1px solid #7c6cff59;border-radius:18px;place-items:center;width:70px;height:70px;margin:0 auto 18px;display:grid;box-shadow:0 0 30px -8px #6366f199,inset 0 0 16px #6366f133}.login-page .logo-mark svg{width:34px;height:34px}.login-page .card .ttl{text-align:center;margin-bottom:4px;font-size:18px;font-weight:700}.login-page .card .ttl b{background:linear-gradient(120deg,#7aa2ff,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.login-page .uline{background:linear-gradient(90deg, var(--cyan), var(--violet));border-radius:3px;width:38px;height:3px;margin:8px auto 0}.login-page .card h2{text-align:center;margin-top:30px;font-size:26px;font-weight:700}.login-page .card .lead{text-align:center;color:var(--muted);margin:7px 0 30px;font-size:14px}.login-page .field{margin-bottom:18px}.login-page .field label{color:#c1cde9;margin-bottom:9px;font-size:13px;font-weight:600;display:block}.login-page .iw{align-items:center;display:flex;position:relative}.login-page .iw .li{color:var(--muted-2);pointer-events:none;place-items:center;display:grid;position:absolute;left:16px}.login-page .iw .li svg{width:19px;height:19px}.login-page .iw input{border:1px solid var(--line-2);width:100%;color:var(--ink);background:#05071099;border-radius:13px;padding:15px 16px 15px 46px;font-family:inherit;font-size:14.5px;transition:all .2s}.login-page .iw input::placeholder{color:var(--muted-2)}.login-page .iw input:focus{border-color:var(--indigo);background:#050710d9;outline:none;box-shadow:0 0 0 4px #6366f12e}.login-page .iw.tg input{padding-right:48px}.login-page .tgpw{color:var(--muted-2);cursor:pointer;background:0 0;border:none;place-items:center;padding:6px;display:grid;position:absolute;right:12px}.login-page .tgpw:hover{color:var(--cyan)}.login-page .tgpw svg{width:20px;height:20px}.login-page .btn{cursor:pointer;color:#fff;background:linear-gradient(120deg, var(--indigo), #4f46e5 60%, var(--blue));border:none;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:16px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -14px #4f46e5cc}.login-page .btn:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px #4f46e5f2}.login-page .btn:active{transform:translateY(0)}.login-page .btn:disabled{opacity:.75;cursor:not-allowed}.login-page .btn .arrow{transition:transform .2s}.login-page .btn:hover .arrow{transform:translate(4px)}.login-page .btn .sp{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-page .forgot{text-align:center;color:#7aa2ff;margin-top:22px;font-size:14px;font-weight:600;text-decoration:none;display:block}.login-page .forgot:hover{text-decoration:underline}.login-page .divider{color:var(--muted-2);align-items:center;gap:14px;margin:26px 0 18px;display:flex}.login-page .divider:before,.login-page .divider:after{content:"";background:var(--line);flex:1;height:1px}.login-page .divider svg{width:16px;height:16px}.login-page .exclusive{text-align:center;color:var(--muted-2);font-size:12.5px;line-height:1.6}.login-page .msg{border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13px}.login-page .msg.err{color:#fca5a5;background:#f871711a;border:1px solid #f871714d}.login-page .msg.ok{color:#6ee7b7;background:#34d3991a;border:1px solid #34d3994d}.login-page .foot{text-align:center;color:var(--muted-2);z-index:4;letter-spacing:.3px;font-size:12.5px;position:absolute;bottom:22px;left:0;right:0}.login-page .foot b{color:var(--muted);letter-spacing:1px;font-weight:700}.login-page .flow{animation:2.6s linear infinite login-dash}.login-page .flow2{animation:3s linear infinite login-dash}@keyframes login-dash{to{stroke-dashoffset:-25px}}.login-page .breathe{animation:5.5s ease-in-out infinite login-breathe}@keyframes login-breathe{0%,to{opacity:.22}50%{opacity:.45}}.login-page .bobA{animation:7s ease-in-out infinite login-bob}.login-page .bobB{animation:7.8s ease-in-out -2s infinite login-bob}.login-page .bobC{animation:8.4s ease-in-out -3.4s infinite login-bob}.login-page .bobD{animation:6.4s ease-in-out -1.2s infinite login-bob}@keyframes login-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-page .drift{animation:linear infinite login-drift}@keyframes login-drift{0%{opacity:0;transform:translateY(8px)}15%{opacity:.5}85%{opacity:.5}to{opacity:0;transform:translateY(-46px)}}@media (max-width:1040px){.login-page .shell{grid-template-columns:1fr}.login-page .scene{display:none}.login-page .auth{padding:30px 20px}.login-page .card{min-height:auto}}