.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:95%;margin:0 auto}
.numpad-btn{font-size:35px;font-weight:700 !important;border-radius:12px !important;border:1.5px solid #e2e8f0 !important;background:#f8fafc;cursor:pointer;transition:all .1s;color:#1e2d40;text-align:center}
.numpad-btn:hover{background:#e8f4fb;border-color:#2d9cdb;color:#2d9cdb}
.numpad-btn:active{transform:scale(.96)}
.pin-dots{display:flex;gap:12px;justify-content:center;margin:20px 0}
.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;transition:all .2s}
.pin-dot.filled{background:#2d9cdb;border-color:#2d9cdb}


/* Mobile-specific styles */
@media screen and (max-width: 767px) {
    .numpad-btn {
        padding: 12px;
        font-size: 15px;
    }
}