.login-vi-retro.login-wrap.login-split{background-color:var(--rd-paper);background-image:radial-gradient(circle,var(--rd-grid) 1px,transparent 1px);background-size:14px 14px;position:relative}.login-vi-retro.login-wrap.login-split:before{content:"";position:absolute;inset:12px;border:1px dashed color-mix(in oklab,var(--rd-ink) 35%,transparent);pointer-events:none;z-index:0}.login-vi-retro .login-code-pane,.login-vi-retro .login-form-pane{position:relative;z-index:1;background:transparent;border:none;box-shadow:none}.login-vi-retro .login-code-pane{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;min-height:100vh;padding:clamp(56px,10vh,96px) clamp(24px,3vw,40px) clamp(40px,6vh,64px) clamp(28px,4vw,56px);overflow:hidden;border-right:none}.login-vi-retro .login-code-inner{width:min(34rem,100%);display:flex;flex-direction:column;gap:10px;background:var(--rd-card);border:1.5px solid var(--rd-border);box-shadow:var(--rd-shadow);padding:clamp(20px,2.8vw,28px);animation:rd-rise .7s cubic-bezier(.22,1,.36,1) both}.login-vi-retro .login-code-brand{flex:0 0 auto;font-family:var(--rd-font-serif);font-size:clamp(1.85rem,3.2vw,2.45rem);font-weight:700;letter-spacing:-.02em;color:var(--rd-ink);line-height:1.1}.login-vi-retro .login-code-kicker{flex:0 0 auto;margin:0 0 6px;font-family:var(--rd-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rd-ink-faint)}.login-vi-retro .login-code-kicker.muted{color:var(--rd-ink-faint)}.login-vi-retro .login-typewriter{flex:0 0 auto;margin:0;padding:12px 0 0;background:transparent;border:none;border-top:1px solid color-mix(in oklab,var(--rd-ink) 16%,transparent);font-family:var(--rd-font-mono);font-size:clamp(11.5px,1.15vw,13px);line-height:1.6;color:color-mix(in oklab,var(--rd-ink) 88%,transparent);white-space:pre-wrap;word-break:break-word;overflow:hidden;min-height:17.5lh;max-height:17.5lh;max-width:none;width:100%}.login-vi-retro .login-tok--comment{color:var(--rd-ink-faint)}.login-vi-retro .login-tok--string{color:color-mix(in oklab,var(--rd-ink) 70%,#4a5568)}.login-vi-retro .login-tok--kw{color:var(--rd-ink);font-weight:550}.login-vi-retro .login-caret{color:var(--rd-ink)}.login-vi-retro .login-form-pane{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:clamp(24px,4vw,40px);background:transparent}.login-vi-retro .login-form-pane>.locale-switch,.login-vi-retro .login-form-toolbar{width:min(420px,100%);display:flex;justify-content:flex-end}.login-vi-retro .login-panel{width:min(420px,100%);box-sizing:border-box;background:var(--rd-card);border:1.5px solid var(--rd-border);box-shadow:var(--rd-shadow);padding:28px 36px;border-radius:0;animation:rd-rise .7s cubic-bezier(.22,1,.36,1) .12s both}.login-vi-retro .login-card-head{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;width:100%}.login-vi-retro .login-card-head .brand-logo--full{filter:grayscale(1) contrast(1.15);opacity:.92;margin-inline:auto}.login-vi-retro .login-card-title{margin:4px 0 0;font-family:var(--rd-font-serif);font-size:1.55rem;font-weight:700;letter-spacing:-.01em;color:var(--rd-ink);text-align:center;width:100%}.login-vi-retro .login-card-sub{margin:0;font-family:var(--rd-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--rd-ink-faint);text-align:center;width:100%}.login-vi-retro .login-card-rule{height:1px;margin:14px 0 16px;background:color-mix(in oklab,var(--rd-ink) 22%,transparent);border:none}.login-vi-retro .login-field span{font-family:var(--rd-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-ink-faint)}.login-vi-retro .login-input{border:1px solid color-mix(in oklab,var(--rd-ink) 55%,transparent);border-radius:0;background:#fff;color:var(--rd-ink);font-family:var(--rd-font-mono);font-size:13px;box-shadow:none}.login-vi-retro .login-input:focus{outline:2px solid var(--rd-ink);outline-offset:1px;border-color:var(--rd-ink)}.login-vi-retro .login-input:-webkit-autofill,.login-vi-retro .login-input:-webkit-autofill:focus,.login-vi-retro .login-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--rd-ink);box-shadow:inset 0 0 0 1000px #fff;-webkit-transition:background-color 99999s ease-out;transition:background-color 99999s ease-out}.login-vi-retro .btn.accent.login-submit,.login-vi-retro .login-submit{border-radius:0;border:1.5px solid var(--rd-ink);background:var(--rd-ink);color:var(--rd-card);font-family:var(--rd-font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;box-shadow:3px 3px 0 color-mix(in oklab,var(--rd-ink) 35%,transparent);transition:transform .12s ease,box-shadow .12s ease}.login-vi-retro .btn.accent.login-submit:hover:not(:disabled),.login-vi-retro .login-submit:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 color-mix(in oklab,var(--rd-ink) 35%,transparent)}.login-vi-retro .btn.accent.login-submit:disabled{opacity:.45;box-shadow:none}.login-vi-retro .login-error{font-family:var(--rd-font-mono);font-size:11px;color:#7a1f1f}.login-vi-retro .login-more-rule{font-family:var(--rd-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-ink-faint)}.login-vi-retro .login-more-rule:after,.login-vi-retro .login-more-rule:before{background:color-mix(in oklab,var(--rd-ink) 22%,transparent)}.login-vi-retro .login-method-btn{border:1px solid color-mix(in oklab,var(--rd-ink) 40%,transparent);border-radius:0;background:#fff;color:var(--rd-ink)}.login-vi-retro .login-method-btn:hover{background:color-mix(in oklab,var(--rd-ink) 6%,#fff)}.login-vi-retro .login-method-btn.is-active{background:var(--rd-ink);color:var(--rd-card);border-color:var(--rd-ink)}.login-vi-retro .login-google-btn,.login-vi-retro .login-sms-send{border-radius:0;border:1px solid var(--rd-ink);font-family:var(--rd-font-mono);background:#fff;color:var(--rd-ink)}.login-vi-retro .login-qr-frame{border:1.5px solid var(--rd-ink);border-radius:0;box-shadow:3px 3px 0 var(--rd-ink)}.login-vi-retro .login-form-pane .site-footer{margin-top:0;width:min(420px,100%);padding:10px 0 0;justify-content:center;text-align:center}@keyframes rd-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login-vi-retro .login-code-inner,.login-vi-retro .login-panel{animation:none}}@media (max-width:900px){.login-vi-retro.login-wrap.login-split{grid-template-columns:1fr}.login-vi-retro.login-wrap.login-split:before{inset:8px}.login-vi-retro .login-code-pane{min-height:auto;align-items:stretch;padding:28px 20px 12px}.login-vi-retro .login-code-inner{width:100%}.login-vi-retro .login-code-brand{font-size:clamp(1.6rem,7vw,2rem)}.login-vi-retro .login-typewriter{min-height:12lh;max-height:12lh}.login-vi-retro .login-form-pane{min-height:auto;align-items:center;padding:12px 20px 32px}.login-vi-retro .login-panel{width:min(420px,100%)}}