@font-face{font-family:Poppins;src:url('/assets/Poppins-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:#202124;font-family:Poppins,Arial,sans-serif}body{min-height:100svh;display:grid;place-items:center;padding:32px 24px}.holding{text-align:center;width:min(100%,360px);padding:40px 0 70px}.logo{display:block;width:184px;height:auto;margin:0 auto 29px}h1{font-size:28px;font-weight:400;letter-spacing:-.025em;line-height:1.3;margin:0}form{width:min(100%,278px);margin:62px auto 0}label{display:block;font-size:12px;color:#696f75;text-align:left;margin-bottom:9px}.pin-row{display:flex;border:1px solid #e1e5e7;border-radius:13px;overflow:hidden;background:#fff}.pin-row:focus-within{outline:2px solid #03c9a9;outline-offset:4px}input{min-width:0;width:100%;border:0;background:transparent;font:16px Poppins,Arial,sans-serif;padding:15px 17px;color:#202124;letter-spacing:.12em;outline:0}input::placeholder{font-size:13px;letter-spacing:.035em;color:#91969b}button{flex-shrink:0;border:0;background:#03c9a9;color:white;width:54px;min-height:54px;display:grid;place-items:center;cursor:pointer}button:focus-visible{outline:2px solid #202124;outline-offset:-5px}button:disabled{opacity:.5;cursor:wait}#pin-hint{font-size:11px;line-height:1.7;color:#92969b;margin:12px 0 0}#pin-status{font-size:12px;color:#ac3333;line-height:1.7;margin:12px 0 0}#pin-status:empty{display:none}.no-script{font-size:12px;color:#696f75}@media(max-width:400px){.logo{width:166px}h1{font-size:26px}.holding{padding-bottom:45px}form{margin-top:52px}}

.logo{overflow:visible}.logo-off{transform-box:view-box;transform-origin:208px 5px}
body.is-unlocking{overflow:hidden}.is-unlocking h1,.is-unlocking form,.is-unlocking .no-script{opacity:0;transition:opacity 160ms ease}
.is-unlocking .logo{position:relative;z-index:2}
.is-unlocking .logo-artwork>g:not(.logo-off){opacity:0;transition:opacity 180ms ease}
.is-unlocking .logo-off{will-change:transform}
body.is-unlocking::after{content:"";position:fixed;inset:0;z-index:3;background:#03c9a9;pointer-events:none;animation:green-arrival 980ms linear forwards}
@keyframes green-arrival{0%,84%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){body.is-unlocking::after{animation:none;opacity:1}.is-unlocking h1,.is-unlocking form,.is-unlocking .logo-artwork>g{transition:none}}
