.vx-login{--sky:#dff5ff;--soft:#475569;--ink:#0f172a;--fd:var(--font-lexend,Lexend),var(--font-inter,Inter),ui-sans-serif,system-ui,sans-serif;min-height:100dvh;color:var(--ink);background:#fff;justify-content:center;align-items:center;padding:40px 20px;display:flex}.vx-login-inner{flex-direction:column;align-items:center;gap:26px;width:100%;max-width:420px;display:flex}.vx-login-lockup{width:auto;height:46px;display:block}.vx-login-card{border:1px solid var(--vy-line);width:100%;box-shadow:0 1px 0 var(--vy-line),0 30px 60px -34px #101c5273;background:#fff;border-radius:26px;padding:34px 32px 30px;animation:.5s cubic-bezier(.2,.8,.2,1) both vxlogin-in}@keyframes vxlogin-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.vx-login-eyebrow{background:var(--sky);color:var(--vy-navy);letter-spacing:.02em;border-radius:999px;align-items:center;gap:9px;margin:0;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.vx-login-gem{background:linear-gradient(135deg,var(--vy-cyan),var(--vy-electric));border-radius:2px;flex:none;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 0 3px #00bdf233}.vx-login-title{font:800 clamp(28px,3.4vw,38px)/1.05 var(--fd);letter-spacing:-.03em;color:var(--vy-navy);margin:16px 0 0}.vx-login-rule{background:linear-gradient(90deg,var(--vy-cyan),var(--vy-electric),var(--vy-violet));border-radius:3px;width:52px;height:3px;margin:12px 0 0;display:block}.vx-login-sub{color:var(--soft);margin:14px 0 0;font-size:15px;line-height:1.55}.vx-login-error{color:#9a1568;background:#ff5a8a1a;border:1px solid #ff5a8a47;border-radius:14px;margin-top:18px;padding:12px 15px;font-size:14px;font-weight:600;line-height:1.45}.vx-login-detail{opacity:.85;margin-top:4px;font-size:12px;font-weight:500;display:block}.vx-login-newlink{color:#9a1568;text-underline-offset:3px;margin-top:8px;font-size:12.5px;font-weight:700;text-decoration:underline;display:inline-block}.vx-login-form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.vx-login-field{flex-direction:column;gap:7px;display:flex}.vx-login .vy-label{color:var(--vy-navy);font-size:13px;font-weight:700}.vx-login .vy-input{border:1px solid var(--vy-line);width:100%;color:var(--ink);background:#fff;border-radius:14px;padding:13px 15px;font-size:15px;transition:border-color .16s,box-shadow .16s}.vx-login .vy-input:focus{border-color:var(--vy-electric);outline:none;box-shadow:0 0 0 4px #008bff29}.vx-login .vy-input::placeholder{color:#94a3b8}.vx-login-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,var(--vy-electric),#2a3cff 50%,var(--vy-violet));border:0;width:100%;margin-top:4px;transition:transform .15s,filter .15s;box-shadow:0 14px 26px -12px #2a3cffcc}.vx-login-submit:hover{filter:saturate(1.15);transform:translateY(-2px)}.vx-login-forgot{text-align:center;color:var(--soft);margin:16px 0 0;font-size:13px}.vx-login-forgot a{color:var(--vy-navy);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--vy-magenta);text-decoration-color:var(--vy-magenta);font-weight:700}@media (max-width:480px){.vx-login{padding:28px 16px}.vx-login-card{border-radius:22px;padding:28px 22px 24px}.vx-login-lockup{height:40px}}@media (prefers-reduced-motion:reduce){.vx-login-card{animation:none}.vx-login-submit:hover{transform:none}}
