.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;overflow-y:auto;display:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;align-items:center;justify-content:center}.modal.show{display:flex;opacity:1;visibility:visible}body.modal-open .fixed-sidebar{z-index:999!important}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal-dialog{position:relative;margin:20px;max-width:500px;width:100%;padding:0 15px;transform:translateY(-20px);transition:transform .3s}.modal.show .modal-dialog{transform:translateY(0)}.modal-content{position:relative;background:url(wp-content/uploads/2025/12/modal-bg.png) center/cover no-repeat #fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);padding:30px}.modal-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border:none;background:0 0;font-size:24px;line-height:1;color:#999;cursor:pointer;transition:color .3s}.modal-close:hover{color:#333}.modal-header{text-align:center;margin-bottom:30px}.modal-title{font-size:24px;font-weight:600;margin:0 0 10px;color:#333}.modal-subtitle{font-size:14px;color:#666;margin:0}.form-group{margin-bottom:20px}.form-control{width:100%;height:50px;padding:0 20px;font-size:15px;border:1px solid #e5e5e5;border-radius:8px;transition:.3s;background:#f8f9fa}.form-control:focus{outline:0;border-color:#44a9ff;background:#fff;box-shadow:0 0 0 3px rgba(68,169,255,.1)}.form-control.error{border-color:#ff4d4f;background:#fff}.form-control.success{border-color:#52c41a}.error-message{display:block;font-size:12px;color:#ff4d4f;margin-top:5px;min-height:18px}.code-input-group{display:flex;gap:10px}.code-input-group .form-control{flex:1}.btn-send-code{flex-shrink:0;min-width:120px;height:50px;border:1px solid #e5e5e5;background:#fff;color:#333;font-size:14px;border-radius:8px;cursor:pointer;transition:.3s}.btn-send-code:hover{border-color:#44a9ff;color:#44a9ff}.btn-send-code:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.btn-submit{width:100%;height:50px;border:none;border-radius:8px;background:linear-gradient(235deg,#515ced 0,#00ebd6 100%);color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(68,169,255,.3)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(68,169,255,.4)}.btn-submit:active{transform:translateY(0)}.success-modal .modal-dialog{max-width:480px}.success-content{position:relative;text-align:center;padding:80px 40px 40px;overflow:visible}.success-icon{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:140px;height:140px;display:flex;align-items:center;justify-content:center}.success-checkmark{width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(68, 169, 255, .3));animation:.6s ease-out successBounce}.checkmark-path{stroke-dasharray:150;stroke-dashoffset:150;animation:.5s ease-out .3s forwards drawCheck}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{font-size:32px;font-weight:600;color:#333;margin:0 0 20px}.success-description{font-size:16px;color:#666;line-height:1.6;margin:0 0 40px}.btn-close-success{width:100%;height:50px;border:none;border-radius:8px;background:linear-gradient(235deg,#515ced 0,#00ebd6 100%);color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(78,205,196,.3)}.btn-close-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(78,205,196,.4)}.btn-close-success:active{transform:translateY(0)}@media (max-width:767px){.modal-dialog{margin:.2rem;padding:0 .15rem}.modal-content{padding:.2rem}.modal-title{font-size:.2rem}.code-input-group{flex-direction:column}.success-content{padding:.8rem .25rem .3rem}.success-title{font-size:.24rem;margin-bottom:.12rem}.success-description{font-size:.14rem;margin-bottom:.3rem}.btn-close-success{height:.46rem;font-size:.15rem}}