.otp30-wrap{padding-top:34px;padding-bottom:55px}.otp30-shell{max-width:980px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid #e9edf2;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(31,42,55,.08)}.otp30-side{padding:52px;background:linear-gradient(145deg,#111d44,#273d7a);color:#fff;display:flex;flex-direction:column;justify-content:center}.otp30-kicker{display:inline-flex;width:max-content;background:rgba(255,255,255,.12);padding:7px 12px;border-radius:999px;font-size:12px}.otp30-side h2{font-size:30px;line-height:1.65;margin:18px 0 8px}.otp30-side p{opacity:.82;line-height:2}.otp30-benefits{display:grid;gap:11px;margin-top:22px;font-size:13px}.otp30-card{padding:38px 42px}.otp30-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f5f7fa;padding:5px;border-radius:14px;margin-bottom:28px}.otp30-tabs button{border:0;background:transparent;padding:12px;border-radius:10px;font:inherit;color:#697386;cursor:pointer}.otp30-tabs button.active{background:#fff;color:#111827;box-shadow:0 3px 12px rgba(0,0,0,.06);font-weight:700}.otp30-heading h1{font-size:24px;margin:0 0 7px}.otp30-heading p{margin:0 0 24px;color:#738093}.otp30-form{display:grid;gap:10px}.otp30-form label{font-size:13px;font-weight:700}.otp30-form input{width:100%;height:50px;border:1px solid #dfe5ec;border-radius:12px;padding:0 14px;font-family:inherit;outline:none}.otp30-form input:focus{border-color:#fa1648;box-shadow:0 0 0 3px rgba(250,22,72,.08)}.otp30-mobile{direction:ltr;display:grid;grid-template-columns:58px 1fr;border:1px solid #dfe5ec;border-radius:12px;overflow:hidden}.otp30-mobile span{display:flex;align-items:center;justify-content:center;background:#f7f8fa;border-right:1px solid #e5e7eb;font-size:13px}.otp30-mobile input{border:0!important;box-shadow:none!important;border-radius:0}.otp30-primary{height:50px;border:0;border-radius:12px;background:#fa1648;color:#fff;font-family:inherit;font-weight:800;cursor:pointer;margin-top:6px}.otp30-primary:disabled{opacity:.45;cursor:not-allowed}.otp30-form small{color:#8a94a3;line-height:1.9}.otp30-code{direction:ltr;text-align:center;font-size:25px!important;letter-spacing:10px;font-weight:800}.otp30-resend{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:13px}.otp30-resend a,.otp30-link{color:#fa1648;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.otp30-link:disabled{color:#9ca3af}.otp30-note,.otp30-success,.otp30-warning,.otp30-error{padding:11px 13px;border-radius:11px;margin-bottom:15px;font-size:13px;line-height:1.8}.otp30-success{background:#eafaf1;color:#177245}.otp30-warning{background:#fff8df;color:#7a5c00}.otp30-error{background:#fff0f3;color:#a92847}.otp30-note{background:#edf6ff;color:#235d92}.otp30-check{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.otp30-check input{width:auto!important;height:auto!important}@media(max-width:760px){.otp30-wrap{padding:16px 12px 90px}.otp30-shell{display:block;border-radius:18px}.otp30-side{display:none}.otp30-card{padding:24px 18px}.otp30-tabs button{font-size:12px}.otp30-heading h1{font-size:21px}}