.login-page{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-4) var(--gutter);flex-direction:column;display:flex}.login-card{background:var(--c-white);border:var(--border-card);border-radius:var(--radius-card);width:100%;max-width:420px;padding:var(--space-5) var(--space-4);text-align:center}.login-logo{width:170px;height:auto;margin:0 auto var(--space-4)}.login-card h1{margin-bottom:var(--space-1);font-size:1.5rem}.login-lede{margin-bottom:var(--space-4)}.login-form{gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.login-submit{width:100%}.login-note{text-align:center;font-size:14px}.login-help{font-size:14px}.code-input{text-align:center;letter-spacing:.5em;text-indent:.5em;font-variant-numeric:tabular-nums;font-size:1.6rem}.field-hint{color:var(--ink-2);font-size:13px}.link-button{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--c-line-strong,#d6d6d6);text-decoration-color:var(--c-line-strong,#d6d6d6);text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:4px;font-size:14px}.link-button:hover{color:var(--c-text)}.login-mock{max-width:420px;padding:12px var(--space-3);background:var(--c-mint);text-align:center;border-radius:14px;font-size:14px}