.px-experience{--px-accent:var(--login-primary,#6952c9);--px-secondary:var(--login-secondary,#b5a2ed);--px-bg:#f7f8fc;--px-panel:#fff;--px-ink:#242839;--px-muted:#6c7286;--px-border:#dfe2ee;--px-press:.1s;--px-release:.15s;--px-state:.18s;--px-keyWidth:76px;--px-keyHeight:56px;--px-gap:10px;--px-fontSize:25px;--px-radius:16px;--px-indicatorSize:12px;--px-padding:24px;--px-cardWidth:420px;--px-align:center;--px-glow:35;--px-overlay:65;color:var(--px-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;font-family:Segoe UI,sans-serif}.px-experience[data-theme=dark]{--px-bg:#13151f;--px-panel:#1e2230;--px-ink:#f2f3fb;--px-muted:#a7aec7;--px-border:#363c51;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.px-experience[data-theme=midnight]{--px-bg:#0c182e;--px-panel:#142840;--px-ink:#e9f4ff;--px-muted:#9bb1cf;--px-border:#29445c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.px-experience[data-theme=graphite]{--px-bg:#202326;--px-panel:#2d3136;--px-ink:#f1f1ed;--px-muted:#b1b6bd;--px-border:#484e55;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.px-experience[data-theme=brand]{--px-bg:color-mix(in srgb,var(--px-accent) 8%,#f8f9fe);--px-panel:color-mix(in srgb,var(--px-accent) 3%,white);--px-border:color-mix(in srgb,var(--px-accent) 20%,#e1e3ed)}.px-experience *{box-sizing:border-box}.px-experience button{cursor:pointer;font-family:inherit}.px-experience button:focus-visible,.px-experience a:focus-visible{outline:3px solid var(--px-accent);outline-offset:4px}.px-experience button:disabled{cursor:wait;opacity:.5}.px-pad{border:1px solid var(--px-border);background:var(--px-panel);width:min(100%,calc(var(--px-keyWidth)*3 + var(--px-gap)*2 + 34px));justify-self:var(--px-align);color:var(--px-ink);isolation:isolate;border-radius:22px;margin:0 auto;padding:14px 16px 9px;position:relative}.px-pad-caption{color:var(--px-muted);letter-spacing:.13em;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.px-state-label{letter-spacing:.08em;white-space:nowrap;font-size:8px}.px-indicators{justify-content:center;align-items:center;gap:12px;height:38px;margin:5px 0 10px;display:flex}.px-indicator{width:var(--px-indicatorSize);height:var(--px-indicatorSize);border:1px solid var(--px-border);background:color-mix(in srgb,var(--px-muted) 7%,transparent);transition:background var(--px-state),border-color var(--px-state),transform var(--px-state);border-radius:50%;place-items:center;display:grid}.px-indicator i{border-radius:inherit;background:var(--px-accent);width:55%;height:55%;transition:transform var(--px-state) cubic-bezier(.2,.9,.3,1.3);transform:scale(0)}.px-indicator.is-filled{border-color:color-mix(in srgb,var(--px-accent) 65%,var(--px-border));background:color-mix(in srgb,var(--px-accent) 12%,transparent);transform:translateY(-1px)}.px-indicator.is-filled i{transform:scale(1)}.px-experience[data-indicator=slots] .px-indicator{width:calc(var(--px-indicatorSize)*2.2);height:calc(var(--px-indicatorSize)*2.5);border-radius:7px}.px-experience[data-indicator=slots] .px-indicator i{border-radius:50%;width:5px;height:5px}.px-experience[data-indicator=segments] .px-indicator{width:calc(var(--px-indicatorSize)*2.4);border-radius:3px;height:7px}.px-experience[data-indicator=lines] .px-indicator{width:calc(var(--px-indicatorSize)*2.2);border:0;border-radius:0;height:2px}.px-experience[data-indicator=segments] .px-indicator.is-filled,.px-experience[data-indicator=lines] .px-indicator.is-filled{background:var(--px-accent)}.px-experience[data-indicator=segments] .px-indicator i,.px-experience[data-indicator=lines] .px-indicator i{display:none}.px-keys{grid-template-columns:repeat(3,minmax(0,var(--px-keyWidth)));gap:var(--px-gap);justify-content:center;display:grid}.px-experience .px-key{width:100%;min-width:0;height:var(--px-keyHeight);border:1px solid var(--px-border);border-radius:var(--px-radius);background:var(--px-bg);min-height:44px;color:var(--px-ink);font-size:var(--px-fontSize);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--px-release) cubic-bezier(.2,.8,.3,1.2),border-color var(--px-release),box-shadow var(--px-release);animation:.18s both px-key-enter;animation-delay:calc(var(--px-index)*10ms);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px;font-weight:500;line-height:1.15;display:flex;position:relative;overflow:hidden}.px-key-face{z-index:1;position:relative}.px-key small{letter-spacing:.18em;color:var(--px-muted);z-index:1;font-size:7px;line-height:1.1;position:relative}.px-experience .px-utility{color:var(--px-muted);font-size:11px;font-weight:600}.px-key-light{pointer-events:none;background:radial-gradient(circle at var(--px-x,50%) var(--px-y,50%),color-mix(in srgb,var(--px-accent) 30%,transparent),transparent 70%);opacity:0;transition:opacity var(--px-release),transform var(--px-release);position:absolute;inset:0;transform:scale(.5)}.px-key:active:not(:disabled) .px-key-light{opacity:1;transform:scale(1.5)}.px-experience .px-key:hover:not(:disabled){border-color:color-mix(in srgb,var(--px-accent) 50%,var(--px-border))}.px-experience .px-key:active:not(:disabled){transition-duration:var(--px-press);transform:scale(.95)}.px-pad-foot{color:var(--px-muted);letter-spacing:.02em;justify-content:center;align-items:center;gap:6px;margin-top:11px;font-size:9px;display:flex}.px-experience[data-preset=aurora] .px-pad{background:linear-gradient(135deg,color-mix(in srgb,var(--px-secondary) 15%,var(--px-panel)),color-mix(in srgb,var(--px-panel) 86%,transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #fff7,0 10px 30px #131a3b09}.px-experience[data-preset=aurora] .px-key{background:linear-gradient(145deg,color-mix(in srgb,var(--px-panel) 95%,transparent),color-mix(in srgb,var(--px-accent) 6%,var(--px-panel)));border-top-color:color-mix(in srgb,var(--px-panel) 80%,white);box-shadow:inset 0 1px #fff5,0 2px 4px #131a3b06}.px-experience[data-preset=aurora] .px-key:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff2 36%,#0000 70%);position:absolute;inset:0}.px-experience[data-preset=aurora] .px-key:active{box-shadow:inset 0 0 0 1px var(--px-accent),0 0 calc(var(--px-glow)*.22px) color-mix(in srgb,var(--px-accent) 20%,transparent)}.px-experience[data-preset=orbit] .px-pad{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--px-accent) 6%,var(--px-bg)),var(--px-bg));border-color:#0000;padding-left:20px;padding-right:20px}.px-experience[data-preset=orbit] .px-keys{grid-template-columns:repeat(3,minmax(0,min(var(--px-keyWidth),var(--px-keyHeight))))}.px-experience[data-preset=orbit] .px-key{aspect-ratio:1;background:radial-gradient(circle at 35% 22%,var(--px-panel),var(--px-bg));border-color:color-mix(in srgb,var(--px-accent) 30%,var(--px-border));border-radius:50%;height:auto;min-height:44px;box-shadow:0 4px 15px #07112b09}.px-experience[data-preset=orbit] .px-key small{display:none}.px-experience[data-preset=orbit] .px-key:before{content:"";border:1px solid color-mix(in srgb,var(--px-accent) 12%,transparent);opacity:0;transition:transform var(--px-release),opacity var(--px-release);border-radius:50%;position:absolute;inset:3px;transform:scale(.87)}.px-experience[data-preset=orbit] .px-key:active:before{opacity:1;transform:scale(1)}.px-experience[data-preset=orbit] .px-key:active{box-shadow:0 0 calc(var(--px-glow)*.3px) color-mix(in srgb,var(--px-accent) 24%,transparent);transform:scale(.92)}.px-experience[data-preset=orbit] .px-pad-caption{border-bottom:1px solid var(--px-border);padding-bottom:9px}.px-experience[data-preset=precision] .px-pad{background:linear-gradient(145deg,var(--px-bg),color-mix(in srgb,var(--px-muted) 12%,var(--px-bg)));border:1px solid color-mix(in srgb,var(--px-muted) 30%,var(--px-border));box-shadow:inset 0 1px 2px #fff3,0 3px 0 color-mix(in srgb,var(--px-muted) 30%,var(--px-border));border-radius:12px;padding:15px 18px 12px}.px-experience[data-preset=precision] .px-keys{gap:calc(var(--px-gap) + 2px)}.px-experience[data-preset=precision] .px-key{border-radius:min(var(--px-radius),9px);background:linear-gradient(180deg,var(--px-panel),color-mix(in srgb,var(--px-muted) 7%,var(--px-panel)));box-shadow:0 4px 0 color-mix(in srgb,var(--px-muted) 40%,var(--px-border)),0 5px 6px #0001;border-bottom:0;align-items:flex-start;margin-bottom:3px;padding-left:17px;overflow:visible}.px-experience[data-preset=precision] .px-key small{font-size:6px;position:absolute;bottom:9px;right:10px}.px-experience[data-preset=precision] .px-key:active{box-shadow:0 1px 0 var(--px-border),0 1px 2px #0001;transform:translateY(3px)}.px-experience[data-preset=precision] .px-utility{background:var(--px-bg);align-items:center;padding-left:3px}.px-experience[data-preset=precision] .px-pad-caption{font-family:ui-monospace,monospace;font-size:8px}.px-experience[data-preset=neon] .px-pad{--px-panel:#101b29;--px-bg:#0a1320;--px-ink:#edf6ff;--px-muted:#9baec2;--px-border:#2a3b50;border:1px solid color-mix(in srgb,var(--px-accent) 55%,#29435c);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(135deg,#101b29,#080f1c);border-radius:6px;box-shadow:inset 0 0 24px #101d38}.px-experience[data-preset=neon] .px-pad-caption{color:color-mix(in srgb,var(--px-accent) 45%,#d6efff);letter-spacing:.16em;font-family:ui-monospace,monospace}.px-experience[data-preset=neon] .px-key{background:linear-gradient(130deg,#152234,#0d1725);border-color:#2b4056;border-radius:3px;font-family:ui-monospace,monospace;font-weight:400}.px-experience[data-preset=neon] .px-key:before,.px-experience[data-preset=neon] .px-key:after{content:"";border-color:color-mix(in srgb,var(--px-accent) 65%,#b4e4ff);opacity:.55;pointer-events:none;border-style:solid;width:9px;height:9px;position:absolute}.px-experience[data-preset=neon] .px-key:before{border-width:1px 0 0 1px;top:3px;left:3px}.px-experience[data-preset=neon] .px-key:after{border-width:0 1px 1px 0;bottom:3px;right:3px}.px-experience[data-preset=neon] .px-key:active .px-key-light{background:linear-gradient(115deg,transparent 15%,color-mix(in srgb,var(--px-accent) 45%,transparent) 50%,transparent 85%);opacity:1;transform:translate(20%)}.px-experience[data-preset=neon] .px-indicator.is-filled{background:color-mix(in srgb,var(--px-accent) 55%,#b9e7ff);box-shadow:0 0 calc(var(--px-glow)*.25px) color-mix(in srgb,var(--px-accent) 32%,transparent)}.px-pad[data-state=complete] .px-indicator{border-color:var(--px-accent)}.px-pad[data-state=authenticating] .px-indicators{opacity:.65}.px-pad[data-state=success]{--px-accent:#329a74}.px-pad[data-state=success] .px-indicators{transition:transform .23s;transform:scale(1.035)}.px-pad[data-state=error]{--px-accent:#cb4057;animation:.22s px-error}.px-pad[data-state=error] .px-indicator{background:#cb40571a;border-color:#cb4057}.px-pad[data-state=locked]{opacity:.72}.px-experience[data-motion=minimal] .px-key-light{display:none}.px-experience[data-motion=enhanced] .px-key:active{filter:brightness(1.08)}.px-experience[data-feedback=light] .px-key:active{transform:none}.px-experience[data-feedback=none] .px-key:active{box-shadow:none;transform:none}.px-experience[data-feedback=none] .px-key-light{display:none}.px-experience[data-motion=off] *,.px-experience[data-motion=off] :before,.px-experience[data-motion=off] :after{transition:none!important;animation:none!important}.px-experience[data-motion=off] .px-key:active{transform:none}.px-experience[data-motion=off] .px-key:active,.px-experience[data-motion=off] .px-key:focus-visible{border-color:var(--px-accent)}@keyframes px-key-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes px-error{25%,75%{transform:translate(-3px)}50%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.px-experience *,.px-experience :before,.px-experience :after{transition:none!important;animation:none!important}.px-experience .px-key:active{filter:none;border-color:var(--px-accent);transform:none}.px-experience .px-key-light{display:none}}.px-experience .px-pad{margin-inline:0}.px-experience #login-keypad-root,.px-experience .pk-pin-form{display:grid}.px-experience[data-ripple=false] .px-key-light{display:none}@media (prefers-reduced-motion:reduce){.px-experience .px-key:active:not(:disabled){border-color:var(--px-accent);filter:none!important;transform:none!important}}.px-experience .px-key:not(.px-utility){font-size:min(var(--px-fontSize),calc(var(--px-keyHeight) - 22px))}.px-experience[data-preset=orbit] .px-key:not(.px-utility){font-size:min(var(--px-fontSize),calc(var(--px-keyHeight) - 12px))}.px-experience[data-indicator=slots] .px-indicators{min-height:calc(var(--px-indicatorSize)*2.5)}.px-experience{--px-indicator-extra:0px}.px-experience[data-indicator=slots]{--px-indicator-extra:max(0px,calc(var(--px-indicatorSize)*2.5 - 30px))}.px-pad-caption,.px-pad-foot{line-height:1.2}