.vp-login{--violet:#7060ed;--pointer-x:25%;--pointer-y:45%;color:#17213a;background:#f6f7fc;grid-template-columns:minmax(0,1.14fr) minmax(420px,.86fr);min-height:100svh;font-family:inherit;display:grid;position:relative;overflow:hidden}.vp-login *{box-sizing:border-box}.vp-login button,.vp-login input{font:inherit}.vp-login button{cursor:pointer}.vp-login button:disabled{cursor:wait}.vp-login-grain{pointer-events:none;opacity:.28;background-image:radial-gradient(#94a3b826 .7px,#0000 .7px);background-size:22px 22px;position:absolute;inset:0}.vp-login-story{color:#fff;z-index:1;background:linear-gradient(146deg,#151d38 0%,#222b51 57%,#30315a 100%);flex-direction:column;min-height:100svh;padding:44px max(36px,7vw) 28px;display:flex;position:relative;overflow:hidden}.vp-login-story:before{content:"";pointer-events:none;background:radial-gradient(550px circle at var(--pointer-x) var(--pointer-y),#8981ff20,transparent 65%);transition:background .2s;position:absolute;inset:0}.vp-login-story:after{content:"";filter:blur(90px);pointer-events:none;background:#8378e830;border-radius:50%;width:360px;height:360px;position:absolute;bottom:90px;right:-100px}.vp-login-brand{color:#fff;align-items:center;gap:13px;width:fit-content;text-decoration:none;display:flex;position:relative}.vp-login-brand>span{background:linear-gradient(145deg,#8b7cf8,#5d59dd);border-radius:14px;place-items:center;width:44px;height:44px;font-size:25px;font-weight:600;display:grid;box-shadow:0 7px 22px #0b0e3326}.vp-login-brand b{letter-spacing:1px;font-size:19px;display:block}.vp-login-brand small{color:#b4bfda;letter-spacing:2px;margin-top:4px;font-size:11px;display:block}.vp-login-heading{margin-top:62px;animation:.65s both vp-arrive;position:relative}.vp-login-eyebrow,.vp-login-welcome{letter-spacing:2.1px;color:#b7b9f8;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.vp-login-eyebrow>span,.vp-login-welcome>span{background:#b7b9f8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 11px #b7b9f860}.vp-login-heading h1{letter-spacing:2px;margin:19px 0 16px;font-size:clamp(34px,3.9vw,56px);font-weight:650;line-height:1.4}.vp-login-heading em{background:linear-gradient(100deg,#c3b7ff,#93e3e4);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.vp-login-heading>p{color:#b7c2dc;max-width:340px;font-size:13px;line-height:1.85}.vp-login-constellation{z-index:1;flex-shrink:0;width:100%;max-width:480px;height:300px;margin:14px -9px 8px;position:relative}.vp-login-connections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vp-login-connections circle{fill:none;stroke:#b3b2eb18;stroke-dasharray:4 9;transform-origin:250px 175px;animation:70s linear infinite vp-orbit}.vp-login-connections circle:nth-child(2){stroke-dasharray:none;stroke:#b3b2eb12}.vp-login-connections path{stroke:#b3b2eb20;stroke-width:1px;transition:stroke .5s}.vp-login-connections path.active{stroke:#c1c0ff80;stroke-dasharray:5 8;animation:4s linear infinite vp-flow}.vp-login-core{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#8578e829,#b4a8ff15);border:1px solid #c4bcff40;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:105px;height:105px;animation:5s ease-in-out infinite vp-breathe;display:flex;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 44px #8678ff24,inset 0 0 24px #9a92ff12}.vp-login-core>span{color:#e7e1ff;font-size:44px;font-weight:500;line-height:1.15}.vp-login-core>small{color:#b3b6dc;font-size:9px}.vp-orbit-card{text-align:left;color:#dce4fc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#353d6082;border:1px solid #b5b6e523;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;transition:border .3s,background .3s,box-shadow .3s,transform .3s;animation:8s ease-in-out infinite vp-float;display:flex;position:absolute;box-shadow:0 6px 23px #0c132622}.vp-orbit-card:hover,.vp-orbit-card:focus-visible,.vp-orbit-card.active{background:#5a568a88;border-color:#b8acf7aa;outline:none;box-shadow:0 7px 24px #080d222b,0 0 22px #b4a1fb17}.vp-orbit-card b{font-size:12px;font-weight:500;display:block}.vp-orbit-card small{color:#a6b1cf;margin-top:4px;font-size:9px;display:block}.vp-orbit-icon{color:#c4beff;background:#9c98ea1c;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.vp-orbit-dot{background:#b6bfe05c;border-radius:50%;width:4px;height:4px;margin-left:3px}.vp-orbit-card.active .vp-orbit-dot{background:#9ce4d4;box-shadow:0 0 8px #9ce4d4}.orbit-0{animation-delay:-2s;top:36px;left:0}.orbit-1{animation-delay:-4s;top:1px;right:5px}.orbit-2{animation-delay:-6s;top:153px;right:-13px}.orbit-3{animation-delay:-1s;bottom:0;left:calc(50% - 67px)}.orbit-4{animation-delay:-3s;top:174px;left:-17px}.vp-login-feature{z-index:1;max-width:410px;min-height:72px;animation:.35s both vp-arrive;position:relative}.vp-login-feature>span{color:#d9d4ff;align-items:center;gap:8px;font-size:12px;display:flex}.vp-login-feature p{color:#aab7d5;margin:9px 0 0;font-size:12px;line-height:1.9}.vp-login-story-footer{color:#8896b5;z-index:1;justify-content:space-between;gap:15px;margin-top:auto;padding-top:25px;font-size:10px;display:flex}.vp-login-story-footer>span:first-child{align-items:center;gap:6px;display:flex}.vp-login-side{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:44px 48px 28px;display:flex;position:relative}.vp-login-card{background:#fff;border:1px solid #e9ebf4;border-radius:26px;width:100%;max-width:410px;padding:42px 38px 31px;animation:.75s .1s both vp-arrive;box-shadow:0 24px 80px #28255908,0 4px 16px #28255903}.vp-login-welcome{color:#9a8de2;letter-spacing:1.8px;font-size:9px}.vp-login-welcome>span{background:#9a8de2}.vp-login-card h2{color:#1e2842;letter-spacing:1px;margin:16px 0 9px;font-size:30px;font-weight:600}.vp-login-intro{color:#8a94ad;margin-bottom:31px;font-size:12px;line-height:1.8}.vp-login-field{margin-bottom:20px;display:block}.vp-login-field>span{color:#53607a;margin-bottom:9px;font-size:12px;font-weight:500;display:block}.vp-login-field>div{color:#9ba5bc;background:#fbfcff;border:1px solid #e3e7f0;border-radius:11px;align-items:center;gap:10px;height:51px;padding:0 14px;transition:border .2s,box-shadow .2s,background .2s;display:flex}.vp-login-field>div:focus-within{background:#fff;border-color:#9080e6;box-shadow:0 0 0 3px #9681ed13}.vp-login-field input{color:#34425f;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px 0;font-size:12px}.vp-login-field input::placeholder{color:#adb5c8}.vp-password-toggle{color:#9ca6ba;background:0 0;border:0;border-radius:5px;place-items:center;padding:5px;display:grid}.vp-password-toggle:hover{color:#7567d7}.vp-password-toggle:focus-visible{outline:2px solid #9988ef}.vp-login-error-space{min-height:28px;margin-top:-3px}.vp-login-error{color:#bd4254;margin:0 0 10px;font-size:11px;line-height:1.7;animation:.25s vp-error}.vp-caps-lock{color:#ae862b;margin:-10px 0 10px;font-size:11px}.vp-login-submit{color:#fff;background:linear-gradient(100deg,#7461e5,#665be2);border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;height:50px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s,background .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #7966e732}.vp-login-submit:before{content:"";background:linear-gradient(105deg,#0000 20%,#ffffff15 45%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.vp-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 11px 26px #7966e74a}.vp-login-submit:hover:before{transform:translate(100%)}.vp-login-submit:active:not(:disabled){transform:translateY(0)}.vp-login-submit:focus-visible{outline-offset:3px;outline:3px solid #b4a7f5}.vp-login-submit.success{background:linear-gradient(100deg,#48a68f,#3c9b88)}.vp-login-submit .spin{animation:1.1s linear infinite vp-orbit}.vp-login-help{color:#9aa3b8;text-align:center;margin:18px 0 0;font-size:10px;line-height:1.8}.vp-login-divider{color:#b0b6c8;align-items:center;gap:12px;margin:29px 0 19px;font-size:9px;display:flex}.vp-login-divider:before,.vp-login-divider:after{content:"";background:#edf0f6;flex:1;height:1px}.vp-login-access{color:#939db5;justify-content:space-between;gap:8px;font-size:10px;display:flex}.vp-login-access span{align-items:center;gap:5px;display:flex}.vp-login-access svg{color:#aba3d7}.vp-login-footer{text-align:center;color:#a1abc0;letter-spacing:.5px;margin-top:32px;font-size:10px;animation:.75s .3s both vp-arrive}.vp-login-footer>span{color:#b2b8c9;margin-top:8px;font-size:9px;display:block}.vp-login-glow{pointer-events:none;filter:blur(70px);opacity:.4;border-radius:50%;position:absolute}.glow-one{background:#ddd9fa;width:260px;height:260px;top:-100px;right:20%}.glow-two{background:#c4eaec;width:240px;height:240px;bottom:-80px;right:-140px}@keyframes vp-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes vp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes vp-breathe{0%,to{box-shadow:0 0 36px #8678ff1e,inset 0 0 24px #9a92ff12}50%{box-shadow:0 0 54px #8678ff39,inset 0 0 30px #9a92ff19}}@keyframes vp-orbit{to{transform:rotate(360deg)}}@keyframes vp-flow{to{stroke-dashoffset:-52px}}@keyframes vp-error{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@media (min-width:1550px){.vp-login-story{padding-left:10vw;padding-right:8vw}.vp-login-constellation{height:345px;margin-top:22px}.vp-login-heading{margin-top:80px}.vp-login-card{max-width:445px;padding:48px 43px 36px}}@media (max-width:1000px){.vp-login{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr)}.vp-login-story{padding:34px 35px 23px}.vp-login-heading{margin-top:45px}.vp-login-heading h1{font-size:37px}.vp-login-side{padding:35px 30px 23px}.vp-login-card{padding:35px 28px}.vp-login-constellation{height:285px;margin-top:15px}.vp-orbit-card{gap:7px;padding:11px 10px}.vp-orbit-icon{width:29px;height:29px}.vp-orbit-card small{font-size:8px}.vp-login-story-footer{font-size:9px}}@media (max-width:760px){.vp-login{display:block}.vp-login-story{min-height:0;padding:26px 24px 32px}.vp-login-brand>span{width:38px;height:38px;font-size:22px}.vp-login-brand b{font-size:17px}.vp-login-heading{margin-top:29px}.vp-login-heading h1{margin:14px 0 11px;font-size:35px;line-height:1.35}.vp-login-heading h1 br{display:none}.vp-login-heading p{max-width:none;margin:0;font-size:12px}.vp-login-constellation,.vp-login-feature,.vp-login-story-footer{display:none}.vp-login-side{min-height:0;padding:28px 20px 22px}.vp-login-card{max-width:430px;padding:29px 27px 25px}.vp-login-card h2{margin-top:13px;font-size:27px}.vp-login-intro{margin-bottom:23px}.vp-login-footer{margin-top:23px}.vp-login-heading:after{content:"";z-index:-1;background:linear-gradient(145deg,#a292f726,#8bd7d61c);border:1px solid #b4a8fa18;border-radius:27px;width:100px;height:100px;position:absolute;top:0;right:-35px;transform:rotate(25deg)}.vp-login-heading em{margin-left:4px}}@media (prefers-reduced-motion:reduce){.vp-login *,.vp-login :before,.vp-login :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.vp-orbit-card:hover,.vp-orbit-card:focus-visible{animation-play-state:paused}@media (max-width:760px){.vp-login-heading em{margin-left:0;display:block}}.vp-ding-divider{margin:23px 0 15px}.vp-ding-login{color:#287bd3;background:linear-gradient(110deg,#f4f9ff,#f7faff);border:1px solid #d9e7f9;border-radius:11px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:47px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.vp-ding-login:hover:not(:disabled):not(.is-disabled){background:#edf5ff;transform:translateY(-1px);box-shadow:0 5px 15px #338bed14}.vp-ding-login:focus-visible{outline-offset:3px;outline:3px solid #a5ccf2}.vp-ding-login:disabled,.vp-ding-login.is-disabled{opacity:.55;cursor:not-allowed}.vp-ding-hint{color:#929eb5;text-align:center;margin:10px 0 0;font-size:10px;line-height:1.7}