.pf-access{place-items:center;min-height:calc(100svh - 304px);padding-block:96px;display:grid}.pf-access-card{text-align:center;width:min(100%,520px)}.pf-access-card h1{margin:0 0 12px}.pf-access-card>p{max-width:42ch;color:var(--pf-body);font-size:var(--pf-type-body);margin:0 auto 32px;line-height:1.55}.pf-access-card>p a{color:var(--pf-name);font-weight:600}.pf-access-label{font-size:var(--pf-type-small);color:var(--pf-secondary);margin-bottom:12px;display:block}.pf-otp{cursor:text;gap:10px;display:inline-flex;position:relative}.pf-otp-input{opacity:0;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pf-otp-box{border:1px solid var(--pf-border-strong);border-radius:var(--perz-radius-control);background:var(--pf-surface);width:52px;height:60px;color:var(--pf-text);font:600 24px/1 var(--perz-font-body);transition:border-color var(--perz-duration-enter) var(--perz-ease-out), box-shadow var(--perz-duration-enter) var(--perz-ease-out);place-items:center;display:grid}.pf-otp-box[data-filled]{border-color:color-mix(in srgb, var(--pf-text) 40%, var(--pf-border-strong))}.pf-otp-box[data-active]{border-color:var(--perz-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--perz-focus) 40%, transparent)}.pf-otp[data-state=error] .pf-otp-box{border-color:var(--perz-error-text)}.pf-otp[data-state=checking] .pf-otp-box{opacity:.6}.pf-access-error{min-height:1.5em;font-size:var(--pf-type-meta);color:var(--perz-error-text);margin:14px 0 0}@media (max-width:480px){.pf-otp{gap:6px}.pf-otp-box{width:42px;height:52px;font-size:20px}}