.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{backdrop-filter:blur(1rem);background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.24);border-radius:1.25rem;width:min(100%,28rem);overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.34)}.login-header{border-bottom:1px solid rgba(148,163,184,.16);padding:2rem 2rem 1.5rem}.brand{color:#f8fafc;letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:750;display:flex}.brand-mark{color:#082f49;letter-spacing:-.08em;background:#38bdf8;border-radius:.65rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;font-weight:900;display:grid}.login-header h1{color:#f8fafc;letter-spacing:-.04em;margin:1.6rem 0 .55rem;font-size:clamp(1.7rem,5vw,2rem)}.login-header p{color:#a9b9ce;margin:0;font-size:.96rem;line-height:1.55}.login-form{gap:1.2rem;padding:1.75rem 2rem 2rem;display:grid}.pin-input{letter-spacing:.3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;padding-right:5.4rem!important}.show-pin-button{color:#7dd3fc;cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:.4rem .5rem;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.show-pin-button:hover{background:rgba(56,189,248,.12)}.show-pin-button:focus-visible{outline-offset:.16rem;outline:.2rem solid #f8fafc}.field-help{color:#8da0ba;margin:-.1rem 0 0;font-size:.79rem;line-height:1.45}.login-footer{color:#8da0ba;text-align:center;margin:0;font-size:.78rem;line-height:1.5}.pending-info-card{color:#fef3c7;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:.75rem;padding:1.25rem}.pending-info-card h2{color:#fde047;margin:0 0 .5rem;font-size:1.15rem}.pending-info-card p{color:#fde68a;margin:.35rem 0 0;font-size:.92rem;line-height:1.45}@media (width<=420px){.login-page{padding:1rem}.login-header,.login-form{padding-left:1.35rem;padding-right:1.35rem}}