.pin-entry{display:flex;justify-content:center;gap:10px;margin:8px 0 6px}
.pin-entry .pin-digit{width:54px;height:58px;box-sizing:border-box;padding:0;border:1.5px solid #dce6e0;border-radius:14px;background:#f7faf8;text-align:center;font-size:24px;font-weight:800;line-height:1;color:#0a2e1a;outline:none;caret-color:#0b6e4f;transition:border-color .16s,box-shadow .16s,background .16s,transform .12s}
.pin-entry .pin-digit:focus{border-color:#0b6e4f;background:#fff;box-shadow:0 0 0 4px rgba(11,110,79,.10);transform:translateY(-1px)}
.pin-entry .pin-digit.filled{border-color:#9bc8b2;background:#fff}
.pin-help{display:block;text-align:center;font-size:11.5px;color:#7b8d84;margin:0 0 12px}
.pin-inline-error{display:none;text-align:center;color:#c0392b;font-size:12px;font-weight:600;margin:2px 0 10px}
.pin-entry.pin-invalid + .pin-inline-error{display:block}
@media(max-width:360px){.pin-entry{gap:7px}.pin-entry .pin-digit{width:48px;height:54px}}