.volt .login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (max-width:1023px){.volt .login-page{grid-template-columns:1fr}}.volt .login-page .aside{background:linear-gradient(155deg,color-mix(in oklab,var(--a)24%,var(--paper-3))0%,var(--paper)60%);border-right:1px solid var(--hairline);flex-direction:column;justify-content:space-between;gap:40px;padding:48px;display:flex;position:relative;overflow:hidden}@media (max-width:1023px){.volt .login-page .aside{display:none}}.volt .login-page .aside .ghost{font-family:var(--vf-display);letter-spacing:-.06em;color:var(--ink);opacity:.06;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:420px;line-height:.7;position:absolute;bottom:-80px;right:-60px}.volt .login-page .aside .brand,.volt .login-page .aside .mid{z-index:2;position:relative}.volt .login-page .aside .mid .eyebrow{margin-bottom:24px}.volt .login-page .aside h2{font-family:var(--vf-display);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;max-width:14ch;font-size:clamp(48px,5vw,72px);line-height:.86}.volt .login-page .aside h2 em{color:var(--a);font-style:normal}.volt .login-page .aside .perks{z-index:2;flex-direction:column;gap:16px;max-width:360px;list-style:none;display:flex;position:relative}.volt .login-page .aside .perk{color:var(--ink-2);align-items:flex-start;gap:14px;font-size:14px;line-height:1.45;display:flex}.volt .login-page .aside .perk .ix{font-family:var(--vf-mono);letter-spacing:.14em;color:var(--a);flex-shrink:0;margin-top:2px;font-size:11px}.volt .login-page .aside .perk b{color:var(--ink);font-weight:700}.volt .login-page .aform{flex-direction:column;justify-content:center;padding:48px 80px;display:flex;position:relative}@media (max-width:767px){.volt .login-page .aform{padding:32px 24px}}.volt .login-page .aform .topnav{align-items:center;gap:8px;display:flex;position:absolute;top:32px;right:48px}@media (max-width:767px){.volt .login-page .aform .topnav{top:20px;right:24px}}.volt .login-page .aform .inner{width:100%;max-width:420px;margin:0 auto}.volt .login-page .eyebrow.tick{align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.volt .login-page .eyebrow.tick:before{content:"";background:var(--a);width:18px;height:1px}.volt .login-page .aform h1{font-family:var(--vf-display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;margin-bottom:14px;font-size:clamp(40px,6vw,50px);line-height:.9}.volt .login-page .aform .sub{color:var(--ink-2);margin-bottom:32px;font-size:15px;line-height:1.5}.volt .login-page .aform .sub a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.volt .login-page .aform .sub a:hover{color:var(--a)}.volt .login-page .form{flex-direction:column;gap:18px;display:flex}.volt .login-page .form .field .lr{justify-content:space-between;align-items:baseline;display:flex}.volt .login-page .role-tabs{width:100%;display:flex}.volt .login-page .role-tabs .role-tab{border:1px solid var(--hairline-2);height:46px;color:var(--ink-3);font-family:var(--vf-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;transition:all .15s;display:inline-flex}.volt .login-page .role-tabs .role-tab+.role-tab{border-left:none}.volt .login-page .role-tabs .role-tab:hover{color:var(--ink)}.volt .login-page .role-tabs .role-tab.on{background:var(--a);color:var(--a-ink);border-color:var(--a);font-weight:700}.volt .login-page .role-tabs .role-tab[disabled]{opacity:.4;pointer-events:none}.volt .login-page .input.code-input{text-align:center;letter-spacing:.5em;height:54px;font-size:20px}.volt .login-page .input.invalid{border-color:var(--err)}.volt .login-page .input.invalid:focus{outline-color:var(--err)}.volt .login-page .btn.primary.lg.full{height:54px}.volt .login-page .spinner{border:2px solid color-mix(in oklab,var(--a-ink)35%,transparent);border-top-color:var(--a-ink);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite volt-spin}.volt .login-page .link-action{font-family:var(--vf-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;background:0 0;border:none;font-size:11px;transition:color .15s}.volt .login-page .link-action:hover{color:var(--a)}.volt .login-page .link-action[disabled]{opacity:.4;pointer-events:none}.volt .login-page .form .field .lr a,.volt .login-page .form .field .lr .link-action{font-family:var(--vf-mono);letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;font-size:10px}.volt .login-page .form .field .lr a:hover,.volt .login-page .form .field .lr .link-action:hover{color:var(--a)}.volt .login-page .divider{font-family:var(--vf-mono);letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:16px;margin:24px 0;font-size:10px;display:flex}.volt .login-page .divider:before,.volt .login-page .divider:after{content:"";background:var(--hairline);flex:1;height:1px}.volt .login-page .legal{font-family:var(--vf-mono);letter-spacing:.02em;color:var(--ink-3);text-align:center;margin-top:24px;font-size:10px;line-height:1.6}.volt .login-page .legal a{color:var(--ink-2);text-underline-offset:2px;text-decoration:underline}.volt .login-page .legal a:hover{color:var(--a)}.volt .login-page a:focus-visible,.volt .login-page button:focus-visible,.volt .login-page .role-tab:focus-visible,.volt .login-page .link-action:focus-visible{outline:2px solid var(--a);outline-offset:2px}
