.esp-field,.esp-panel{font-family:inherit;font-size:16px;line-height:1.5;color:#202124;text-align:left}.esp-field{margin:0 0 18px}.esp-field label{display:block;font-weight:600}.esp-field input[type=tel]{box-sizing:border-box;width:100%;font:inherit}.esp-field p,.esp-note{font-size:15px;margin:8px 0;color:#586174}.esp-panel:not(:empty){margin:14px 0 22px;padding:20px;border:1px solid #dce1eb;border-radius:14px;background:#fff;overflow-wrap:anywhere}.esp-panel h2{font-size:21px;line-height:1.3;margin:0 0 12px}.esp-panel p{font-size:16px;margin:8px 0 14px}.esp-panel button{font:inherit;font-weight:600;line-height:1.3;min-height:46px;padding:12px 18px;cursor:pointer;border:0;border-radius:8px;background:#0006ff;color:#fff;margin:6px 8px 6px 0;white-space:normal}.esp-panel button.esp-secondary{background:#eef1f6;color:#222a3d}.esp-panel button:disabled{opacity:.55;cursor:wait}.esp-panel input.esp-code{display:block;box-sizing:border-box;width:100%;max-width:250px;padding:12px 14px;font:inherit;font-size:22px;letter-spacing:.18em;border:1px solid #bbc3d2;border-radius:8px;min-height:50px;margin:12px 0}.esp-message{color:#3e485a}.esp-message.esp-error{color:#ae1736}.esp-message.esp-success{color:#166534;font-weight:600}.esp-qr{box-sizing:content-box;background:#fff;padding:16px;margin:12px auto 18px;width:220px;height:220px;border:1px solid #e4e7ec;border-radius:10px}.esp-qr img,.esp-qr canvas{display:block;max-width:100%;height:auto}.esp-mobile-page{margin:0;background:#f5f6f9;color:#202124;font-family:Arial,sans-serif}.esp-mobile-card{box-sizing:border-box;width:calc(100% - 32px);max-width:500px;margin:8vh auto;padding:28px;background:#fff;border:1px solid #e0e4ec;border-radius:18px}.esp-mobile-card h1{font-size:27px;line-height:1.2;margin:26px 0 16px}.esp-mobile-card p{font-size:17px;line-height:1.5}.esp-brand{margin:0 0 22px;line-height:1}.esp-brand-logo{display:block;width:148px;height:auto;max-width:100%}.esp-mobile-card .esp-panel:not(:empty){padding:16px}.esp-panel button:focus-visible,.esp-panel input:focus-visible,.esp-field input:focus-visible{outline:0px solid #7c9aff;outline-offset:3px}@media(max-width:480px){.esp-panel:not(:empty){padding:16px}.esp-mobile-card{padding:22px;margin:24px auto}.esp-panel button{width:100%;margin-right:0}.esp-qr{width:200px;height:200px;padding:14px}}

.esp-field .esp-note{clear:both;padding-top:8px}.esp-panel{clear:both;box-sizing:border-box;max-width:100%}

/* Compact flag + calling code; number stays beside it on small screens. */
.esp-field .esp-phone-controls{display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch;max-width:100%;min-width:0}
.esp-field .esp-phone-controls .esp-country{box-sizing:border-box;flex:0 0 108px;width:108px;max-width:108px;min-width:0;min-height:44px;margin:0;font:inherit;font-size:16px;line-height:1.4;white-space:nowrap;padding:10px 4px;background:#fff;color:#202124;border:1px solid #cbd0da}
.esp-field .esp-phone-controls input[type=tel]{box-sizing:border-box;flex:1 1 0%;width:0;max-width:100%;min-width:0;min-height:44px;margin:0;font-size:16px}
.esp-phone-preview{clear:both;font-size:16px;margin:8px 0;overflow-wrap:anywhere}

@media(max-width:480px){.esp-brand-logo{width:132px}}

/* Dotted QR keeps a four-module white quiet zone inside the SVG. */
.esp-qr.esp-qr-dots{padding:10px}
.esp-qr svg{display:block;width:100%;height:auto;max-width:100%}
.esp-field-error{display:block;clear:both;color:#ae1736;font:inherit;font-size:15px;line-height:1.4;margin:6px 0;white-space:normal;overflow-wrap:anywhere}


#login_form.reg_form .esp-phone-controls input {
    width: auto;
    margin-bottom: 0;
    margin-left: 10px;
  }

  .input.signup_mobile {
    width: auto !important;
    margin-left: 10px !important;
  }

.reg_form .esp-panel {
  width: 100%;
  max-width: 100%;
}