.qh-code-gate .modal-content{position:relative;border:0;border-radius:22px;padding:12px;box-shadow:0 25px 70px #14203a35}.qh-code-gate .code-gate-icon{position:absolute;top:-34px;left:50%;display:grid;place-items:center;width:68px;height:68px;border:7px solid #f5f7fb;border-radius:50%;background:linear-gradient(135deg,#3f6de3,#6946dc);color:#fff;font-size:27px;transform:translateX(-50%)}.qh-code-gate .modal-header{padding:38px 24px 12px;text-align:center}.qh-code-gate .modal-header>div{width:100%}.qh-code-gate .modal-header span{color:#506be0;font-size:11px;font-weight:850;letter-spacing:1.5px}.qh-code-gate h2{margin:5px 0;font-size:27px;font-weight:850}.qh-code-gate .modal-header p{margin:0;color:#748196;font-size:13px}.qh-code-gate .btn-close{position:absolute;top:16px;right:16px}.qh-code-gate .modal-body{padding:15px 24px}.qh-code-gate label{display:block;font-size:12px;font-weight:800}.code-gate-input{position:relative;margin-top:7px}.code-gate-input>i{position:absolute;z-index:2;top:50%;left:15px;color:#64748b;font-size:19px;transform:translateY(-50%)}.code-gate-input input{height:54px;padding-left:46px;border-radius:12px;font-size:17px;font-weight:750;letter-spacing:1px}.qh-code-gate .modal-body>small{display:block;margin-top:12px;color:#78859a}.code-gate-error{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#c04444;font-size:12px}.qh-code-gate .modal-footer{display:grid;grid-template-columns:1fr 1.4fr;padding:10px 24px 22px;border:0}.qh-code-gate .modal-footer .btn{min-height:46px;border-radius:10px}@media(max-width:520px){.qh-code-gate .modal-dialog{margin:20px 12px}.qh-code-gate .modal-footer{grid-template-columns:1fr}.qh-code-gate .modal-footer .btn-primary{order:-1}}