/* Same PIN presentation as NM/Saby. Authentication lives in the unchanged app script. */
#authWrap{--pin-key-size:clamp(58px,min(9.5svh,calc((100vw - 100px)/3)),82px);min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#f7f8fb;background:radial-gradient(ellipse at 20% 5%,#31423c60,transparent 55%),radial-gradient(ellipse at 90% 100%,#313d5060,transparent 55%),#11171c;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif}
#authWrap [hidden]{display:none!important}
.altair-pin-card{width:min(360px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;font-family:inherit}
.altair-login-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff16;border-radius:16px;background:#ffffff06;margin-bottom:18px}
.altair-login-mark svg{width:25px;height:25px;stroke:#e5eae4;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.altair-login-brand{font-size:9px;font-weight:500;letter-spacing:.26em;color:#8d999c;margin:0 0 14px;padding-left:.26em}
.altair-pin-card h1{font-size:25px;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0;color:#f7f8fb}
.altair-pin-dots{display:flex;justify-content:center;gap:18px;margin:26px 0 42px}
.altair-pin-dots span{width:11px;height:11px;border-radius:50%;border:1.2px solid #d0d8db;background:none;transition:background .12s,transform .12s}
.altair-pin-dots span.filled{background:#f7f8fb;border-color:#f7f8fb;transform:scale(1.03)}
.altair-pin-keys{display:grid;grid-template-columns:repeat(3,var(--pin-key-size));gap:16px 26px;width:auto;margin:0 auto}
.altair-pin-keys button{width:var(--pin-key-size);height:var(--pin-key-size);min-height:0;padding:0;border:1px solid #ffffff09;border-radius:50%;background:#ffffff12;color:#f7f8fb;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #ffffff09;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s,transform .12s}
.altair-pin-keys button:hover{background:#ffffff20}.altair-pin-keys button:active{background:#ffffff32;transform:scale(.95)}
.altair-pin-keys button:disabled{opacity:.45;cursor:wait}.altair-pin-keys button:focus-visible{outline:2px solid #f7f8fb;outline-offset:5px}
.altair-pin-number{font-size:34px;font-weight:300;line-height:1;letter-spacing:-.035em;pointer-events:none}
.altair-pin-letters{font-size:9px;font-weight:500;letter-spacing:.18em;line-height:1;margin-top:5px;padding-left:.18em;pointer-events:none;color:#d5dddf}
.altair-pin-keys button[data-pin-delete]{background:none;border:0;box-shadow:none}
.altair-pin-keys button[data-pin-delete] svg{width:25px;height:22px;stroke:#cbd4d8;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.altair-pin-error{max-width:300px;min-height:16px;height:auto;font-size:11px;line-height:1.4;color:#ffb4ab;margin:18px 0 0}
.altair-pin-other{border:0;background:transparent;color:#a4afb2;font-size:12px;font-family:inherit;padding:14px 12px;cursor:pointer;touch-action:manipulation}
#authForm .altair-pin-other{display:block;margin:12px auto 0;color:#68776a}
@media(max-height:650px){#authWrap{--pin-key-size:60px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.altair-login-mark{width:34px;height:34px;margin-bottom:10px;border-radius:12px}.altair-login-mark svg{width:21px;height:21px}.altair-login-brand{margin-bottom:8px}.altair-pin-card h1{font-size:22px}.altair-pin-dots{margin:20px 0 26px}.altair-pin-keys{gap:12px 24px}.altair-pin-error{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#authWrap *,#authWrap *::before,#authWrap *::after{transition:none!important;animation:none!important}}