/* LeapUp — SMS OTP panel inside the LP popup forms */
.luotp-panel{
  box-sizing:border-box !important;width:100% !important;margin:18px 0 0 !important;
  padding:18px 18px 14px !important;border-radius:16px !important;
  background:#FFFFFF !important;border:1px solid rgba(18,19,28,.12) !important;
  font-family:'Inter',system-ui,-apple-system,sans-serif !important;color:#12131C !important;text-align:left !important;
  animation:luotp-in .25s ease;
}
.luotp-panel *{box-sizing:border-box !important;}
.luotp-panel p{margin:0 !important;color:#12131C !important;}
.luotp-panel b{font-weight:700 !important;color:#12131C !important;}
.luotp-panel .luotp-nowrap{white-space:nowrap !important;}
.luotp-panel .luotp-title{font-size:1rem !important;font-weight:700 !important;line-height:1.4 !important;margin-bottom:4px !important;}
.luotp-panel .luotp-errtitle{color:#B3261E !important;font-weight:600 !important;font-size:.92rem !important;}
.luotp-panel .luotp-text{font-size:.86rem !important;line-height:1.5 !important;margin-bottom:12px !important;}
.luotp-panel .luotp-row{display:flex !important;gap:10px !important;align-items:stretch !important;}
.luotp-panel input.luotp-code{
  flex:1 1 auto !important;min-width:0 !important;width:auto !important;height:50px !important;margin:0 !important;
  padding:0 14px !important;border:1.5px solid rgba(18,19,28,.25) !important;border-radius:12px !important;
  background:#FFFFFF !important;color:#12131C !important;box-shadow:none !important;
  font-family:inherit !important;font-size:20px !important;font-weight:700 !important;letter-spacing:.28em !important;text-align:center !important;
}
.luotp-panel input.luotp-code::placeholder{letter-spacing:0 !important;font-size:15px !important;font-weight:500 !important;color:#12131C !important;opacity:.55 !important;}
.luotp-panel input.luotp-code:focus{outline:none !important;border-color:#EF672B !important;box-shadow:0 0 0 4px rgba(239,103,43,.15) !important;}
.luotp-panel .luotp-btn{
  flex:0 0 auto !important;min-width:104px !important;height:50px !important;margin:0 !important;padding:0 18px !important;
  border:0 !important;border-radius:12px !important;background:#12131C !important;color:#FFFFFF !important;cursor:pointer !important;
  font-family:inherit !important;font-size:.95rem !important;font-weight:700 !important;line-height:1 !important;
  text-transform:none !important;letter-spacing:0 !important;box-shadow:none !important;
}
.luotp-panel .luotp-btn:hover,.luotp-panel .luotp-btn:focus{background:#EF672B !important;color:#FFFFFF !important;}
.luotp-panel .luotp-btn:disabled{cursor:wait !important;}
.luotp-panel .luotp-msg{margin-top:8px !important;font-size:.85rem !important;line-height:1.45 !important;}
.luotp-panel .luotp-msg:empty{display:none !important;}
.luotp-panel .luotp-msg.luotp-err{color:#B3261E !important;}
.luotp-panel .luotp-msg.luotp-ok{color:#0B6E3F !important;}
.luotp-panel .luotp-actions{display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;gap:8px 16px !important;margin-top:12px !important;}
.luotp-panel .luotp-link{
  display:inline-block !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;min-height:0 !important;
  font-family:inherit !important;font-size:.85rem !important;font-weight:600 !important;color:#12131C !important;
  text-decoration:underline !important;text-underline-offset:3px !important;cursor:pointer !important;box-shadow:none !important;
  text-transform:none !important;letter-spacing:0 !important;
}
.luotp-panel .luotp-link:disabled{text-decoration:none !important;cursor:default !important;color:#12131C !important;opacity:1 !important;-webkit-text-fill-color:#12131C !important;}
.luotp-panel .luotp-wait{display:flex !important;align-items:center !important;gap:10px !important;font-size:.9rem !important;line-height:1.45 !important;}
.luotp-panel .luotp-spin{flex:0 0 auto !important;width:16px !important;height:16px !important;border-radius:50% !important;border:2px solid rgba(18,19,28,.15) !important;border-top-color:#EF672B !important;animation:luotp-spin .8s linear infinite;}
.luotp-panel .luotp-ok{display:flex !important;align-items:center !important;gap:10px !important;font-size:.95rem !important;font-weight:700 !important;}
.luotp-panel .luotp-tick{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:24px !important;height:24px !important;border-radius:50% !important;background:#0B6E3F !important;color:#FFFFFF !important;font-size:14px !important;}
input.luotp-locked{background:#F2F7F4 !important;}
@keyframes luotp-spin{to{transform:rotate(360deg);}}
@keyframes luotp-in{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.luotp-panel,.luotp-panel .luotp-spin{animation:none !important;}}