.hckyc-wrap{max-width:900px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182230}.hckyc-hero{padding:34px;border-radius:24px;background:linear-gradient(135deg,#5b4bdb,#0ea5a4);color:#fff;box-shadow:0 18px 50px rgba(32,42,80,.18)}.hckyc-hero h2{font-size:32px;margin:8px 0}.hckyc-hero p{line-height:1.75}.hckyc-badge{display:inline-block;background:rgba(255,255,255,.18);padding:6px 12px;border-radius:999px}.hckyc-subtitle{font-size:18px;font-weight:700}.hckyc-notice{margin:18px 0;padding:18px 20px;border-radius:16px;background:#fff7df;border:1px solid #f5d78a;line-height:1.7}.hckyc-card{background:#fff;border:1px solid #e7eaf0;border-radius:20px;padding:26px;margin:18px 0;box-shadow:0 10px 30px rgba(20,30,60,.06)}.hckyc-step{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:#eef0ff;color:#5548d8;font-weight:800;margin-bottom:8px}.hckyc-card h3{margin:4px 0 18px}.hckyc-card label{display:block;font-weight:700;margin:12px 0 7px}.hckyc-card label span,.hckyc-upload label span{color:#e11d48}.hckyc-help,.hckyc-card small{color:#667085;line-height:1.6}.hckyc-card input[type=text],.hckyc-card input[type=email],.hckyc-card input[type=file],.hckyc-card textarea,.hckyc-card select{width:100%;box-sizing:border-box;border:1px solid #d9dee8;border-radius:12px;padding:12px 13px;background:#fff}.hckyc-card input[readonly],.hckyc-card textarea[readonly]{background:#f7f8fb}.hckyc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.hckyc-wide{grid-column:1/-1}.hckyc-types{display:grid;gap:12px}.hckyc-type{display:flex!important;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e2e6ef;border-radius:14px;cursor:pointer}.hckyc-type small{display:block;margin-top:5px;font-weight:400}.hckyc-type input{margin-top:4px}.hckyc-upload{padding:15px;background:#f8fafc;border-radius:14px;margin:10px 0}.hckyc-domain{display:block!important;padding:11px 13px;background:#f8fafc;border-radius:10px;font-weight:600!important}.hckyc-domain input{margin-right:8px}.hckyc-checkbox{display:flex!important;gap:8px;align-items:flex-start;font-weight:600!important}.hckyc-checkbox input{margin-top:4px}.hckyc-btn,.hckyc-submit,.hckyc-small-btn{border:0;border-radius:12px;padding:13px 20px;background:#5548d8;color:#fff;font-weight:800;cursor:pointer;margin-top:15px}.hckyc-submit{width:100%;font-size:17px;background:linear-gradient(90deg,#5548d8,#0ea5a4);padding:16px}.hckyc-btn:disabled,.hckyc-submit:disabled{opacity:.6;cursor:not-allowed}.hckyc-small-btn{background:#0ea5a4;padding:9px 13px}.hckyc-link{background:none;border:0;color:#5548d8;cursor:pointer;margin:12px}.hckyc-message{padding:14px 16px;border-radius:12px;margin:15px 0;font-weight:600}.hckyc-message.ok{background:#e9fbf2;color:#087443;border:1px solid #a9e7c6}.hckyc-message.error{background:#fff0f2;color:#a30f35;border:1px solid #f3b2c0}.hckyc-error{padding:15px;background:#fff0f2;border:1px solid #f3b2c0}@media(max-width:700px){.hckyc-wrap{margin:15px}.hckyc-hero{padding:24px}.hckyc-hero h2{font-size:25px}.hckyc-grid{grid-template-columns:1fr}.hckyc-wide{grid-column:auto}.hckyc-card{padding:20px}}

.hckyc-otp-card{border:2px solid #5548d8;background:linear-gradient(180deg,#fff,#f8f7ff)}.hckyc-otp-card #hckyc-otp{text-align:center;font-size:28px;letter-spacing:10px;font-weight:800;max-width:360px}.hckyc-otp-status{margin-top:12px;color:#667085;font-size:14px}

.hckyc-brand-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#5146d8,#1aa7ec);color:#fff;box-shadow:0 12px 30px rgba(35,45,100,.16)}
.hckyc-brand-left{display:flex;align-items:center;gap:14px;min-width:0}.hckyc-logo{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff;padding:6px}.hckyc-brand-name{font-size:20px;font-weight:800}.hckyc-brand-contact{font-size:13px;opacity:.92;margin-top:5px}.hckyc-login-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#3e3aa8;padding:11px 16px;border-radius:12px;font-weight:800;text-decoration:none;white-space:nowrap}.hckyc-footer{text-align:center;margin-top:24px;padding:20px;border-radius:16px;background:#101828;color:#fff}.hckyc-footer-main{font-size:13px;opacity:.9}.hckyc-important-btn{margin:12px auto;background:#fff;color:#101828;border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer}.hckyc-developer{font-size:12px;opacity:.8}.hckyc-developer a{color:inherit;text-decoration:none}.hckyc-modal{display:none;position:fixed;inset:0;z-index:99999}.hckyc-modal.is-open{display:block}.hckyc-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(3px)}.hckyc-modal-box{position:relative;max-width:620px;width:calc(100% - 28px);max-height:85vh;overflow:auto;margin:7vh auto 0;background:linear-gradient(180deg,#fff,#f7f7ff);border-radius:22px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.hckyc-modal-box h2{margin:0 0 8px}.hckyc-modal-close{position:absolute;right:14px;top:10px;border:0;background:#eef0f7;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.hckyc-policy-list{display:grid;gap:10px;margin-top:18px}.hckyc-policy-btn{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:13px;background:#fff;border:1px solid #e3e6ef;color:#202a44;text-decoration:none;font-weight:700;box-shadow:0 5px 14px rgba(30,40,80,.06)}.hckyc-policy-btn:hover{transform:translateY(-1px)}@media(max-width:600px){.hckyc-brand-header{align-items:flex-start;flex-direction:column}.hckyc-login-btn{width:100%}.hckyc-modal-box{margin-top:4vh;padding:20px}}

.hckyc-progress{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;position:relative;margin:0 0 20px;padding:4px 2px 8px}.hckyc-progress-line{position:absolute;left:8%;right:8%;top:18px;height:2px;background:#e3e7ef;z-index:0}.hckyc-progress-step{position:relative;z-index:1;text-align:center;flex:1;color:#98a2b3;font-size:11px}.hckyc-progress-step span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto 5px;border-radius:50%;background:#eef1f6;border:2px solid #fff;box-shadow:0 0 0 1px #d8dce6;font-weight:800}.hckyc-progress-step.is-active{color:#5146d8;font-weight:800}.hckyc-progress-step.is-active span{background:#5146d8;color:#fff;box-shadow:0 0 0 2px #d9d6ff}.hckyc-progress-step.is-done{color:#12b76a}.hckyc-progress-step.is-done span{background:#12b76a;color:#fff}.hckyc-back{margin-right:8px;padding:11px 16px;border:1px solid #d9dee8;background:#fff;border-radius:10px;font-weight:700;cursor:pointer}.hckyc-tutorial-wrap{text-align:center;margin:18px 0}.hckyc-tutorial-btn{border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#ff4d6d,#7c4dff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(92,70,180,.18)}.hckyc-video-box{max-width:800px}.hckyc-video-frame{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:14px;background:#000;margin-top:14px}.hckyc-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:520px){.hckyc-progress-step small{font-size:9px}.hckyc-progress-step span{width:27px;height:27px}.hckyc-progress-line{top:16px}.hckyc-back{width:100%;margin:0 0 8px}.hckyc-submit{width:100%}}

.hckyc label{line-height:1.45}.hckyc-help{line-height:1.55}.hckyc-policy-page p{line-height:1.6}

/* v2.4 footer navigation */
.hckyc-footer{margin-top:28px!important;padding:22px 20px!important;border-radius:18px!important;text-align:center!important}
.hckyc-footer .hckyc-copyright{margin:0 0 12px!important}
.hckyc-footer .hckyc-footer-nav{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:0!important;margin:0 auto 12px!important;max-width:980px!important}
.hckyc-footer .hckyc-footer-nav .hckyc-important-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 18px!important;margin:0!important;border:0!important;border-radius:10px!important;line-height:1.2!important}
.hckyc-footer .hckyc-footer-nav .hckyc-footer-separator{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1px!important;height:24px!important;margin:0 4px!important;background:rgba(255,255,255,.35)!important;font-size:0!important}
.hckyc-footer .hckyc-developer{margin:0!important}
@media (max-width:700px){
  .hckyc-footer .hckyc-footer-nav{flex-wrap:nowrap!important;max-width:100%!important;gap:0!important}
  .hckyc-footer .hckyc-footer-nav .hckyc-important-btn{flex:1 1 0!important;min-width:0!important;padding:10px 7px!important;font-size:12px!important;white-space:normal!important}
  .hckyc-footer .hckyc-footer-nav .hckyc-footer-separator{margin:0 2px!important;height:22px!important}
}
@media (max-width:430px){
  .hckyc-footer{padding:18px 8px!important}
  .hckyc-footer .hckyc-footer-nav .hckyc-important-btn{font-size:11px!important;padding:9px 4px!important}
  .hckyc-footer .hckyc-footer-nav .hckyc-footer-separator{height:20px!important}
}