.iotp-wrap{max-width:680px;margin:0 auto;padding:36px;background:#fff;border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.07);box-sizing:border-box}
.iotp-heading{text-align:center;margin-bottom:28px}.iotp-heading h2{margin:0 0 10px;font-size:30px;line-height:1.2}.iotp-heading p{margin:0;font-size:18px}
.iotp-form{display:flex;flex-direction:column;gap:18px}.iotp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.iotp-field{display:flex;flex-direction:column;gap:7px}.iotp-field label{font-size:14px;font-weight:600}.iotp-field label span{color:#c5221f}
.iotp-field input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.iotp-field input:focus{border-color:#777;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.iotp-inline{display:grid;grid-template-columns:1fr auto;gap:10px}.iotp-btn{border:0;border-radius:10px;padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer;background:#111;color:#fff;transition:opacity .2s}.iotp-btn:hover{opacity:.88}.iotp-btn:disabled{opacity:.5;cursor:not-allowed}
.iotp-otp-box{padding:18px;border-radius:14px;background:#f7f7f7}.iotp-status{font-size:14px;min-height:20px}.iotp-status.success{color:#188038}.iotp-status.error{color:#c5221f}.iotp-submit{width:100%;padding:15px 20px;font-size:16px}
@media(max-width:600px){.iotp-wrap{padding:24px 18px}.iotp-heading h2{font-size:24px}.iotp-heading p{font-size:16px}.iotp-grid{grid-template-columns:1fr}.iotp-inline{grid-template-columns:1fr}.iotp-inline .iotp-btn{width:100%}}