.pin-page{color:#173f44;background:#f5f3ee;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;font-family:Arial,sans-serif;display:flex}.pin-page>img{width:230px;margin-bottom:28px}.pin-page section{text-align:center;background:#fff;border:1px solid #d6e0d9;border-radius:20px;width:100%;max-width:400px;padding:28px}.pin-page h1{margin:14px 0;font:32px/1.2 Georgia,serif}.pin-page p{color:#526d6a;line-height:1.6}.pin-eyebrow{letter-spacing:1.5px;font-size:11px}.pin-page label{text-align:left;margin:20px 0 8px;font-size:14px;display:block}.pin-page input{box-sizing:border-box;text-align:center;letter-spacing:8px;border:1px solid #a9c0b3;border-radius:8px;width:100%;padding:13px;font-size:26px}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0;display:grid}.pin-page button{color:#173f44;cursor:pointer;background:#f8faf6;border:1px solid #cfdbd3;border-radius:9px;padding:13px;font-size:20px}.pin-page button:disabled{opacity:.5}.pin-page .pin-submit{color:#fff;background:#1c5654;width:100%;font-size:17px}.pin-page a{color:#275e55;font-size:14px}.pin-page .pin-help{margin-top:20px;font-size:13px}.pin-page .pin-error{color:#8e3029;background:#fbeae7;border-radius:8px;padding:10px}.pin-page :focus-visible{outline-offset:3px;outline:3px solid #b48537}
