/* Modal shell */
.plo-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:9999;align-items:center;justify-content:center;padding:16px}
.plo-card{background:#fff;width:100%;max-width:420px;border-radius:16px;box-shadow:0 20px 60px rgba(2,6,23,.2);padding:24px 22px;position:relative}
.plo-close{position:absolute;top:10px;right:12px;background:transparent;border:0;font-size:26px;line-height:1;cursor:pointer;color:#334155}
.plo-view h2{margin:0 0 12px;font-size:22px;color:#0f172a;text-align:center}
.plo-muted{color:#64748b;font-size:14px;text-align:center;margin:6px 0 14px}
.plo-field{margin:10px 0}
.plo-field input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;transition:box-shadow .2s,border-color .2s}
.plo-field input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.plo-btn{display:inline-block;width:100%;padding:12px 14px;background:#0073e6;border:none;border-radius:10px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,transform .05s}
.plo-btn:hover{background:#005bb5}
.plo-btn:active{transform:translateY(1px)}
.plo-switch,.plo-resend{margin-top:10px;text-align:center;font-size:14px}
.plo-switch a,.plo-resend a{color:#0073e6;text-decoration:none;font-weight:700}
/* OTP input look */
#plo-otp-code{letter-spacing:8px;text-align:center;font-size:22px}
@media (max-width:420px){.plo-card{padding:20px 16px}}