.ekycPage{--ekyc-orange:#f16122;--ekyc-orange-dark:#fa540b;--ekyc-orange-light:#fef0eb;--ekyc-dark:#383838;--ekyc-text:#272727;--ekyc-text-muted:#535862;--ekyc-border:#ebebeb;--ekyc-bg-gray:#f7f7f7;--ekyc-surface:#fff;--ekyc-radius:16px;--ekyc-radius-lg:24px;font-family:var(--font-body), sans-serif;color:var(--ekyc-text);background:#fff;flex-direction:column;min-height:100vh;display:flex}.ekycBreadcrumbBanner{background:linear-gradient(#fef0eb 0%,#fdf5f2 100%);border-bottom:1px solid #f1612214;padding:24px 80px}.ekycBreadcrumbInner{color:#717680;align-items:center;gap:8px;max-width:1440px;margin:0 auto;font-size:15px;font-weight:500;display:flex}.ekycBreadcrumbInner a{color:#717680;text-decoration:none;transition:color .2s}.ekycBreadcrumbInner a:hover{color:var(--ekyc-orange)}.ekycBreadcrumbInner b{color:var(--ekyc-orange);font-weight:500}.ekycBreadcrumbSep{opacity:.6;width:16px;height:16px}.ekycMainSection{background:#fff;flex:1;padding:48px 24px 80px}.ekycContainer{flex-direction:column;gap:40px;max-width:860px;margin:0 auto;display:flex}.ekycStepper{justify-content:space-between;align-items:flex-start;width:100%;max-width:720px;margin:0 auto;display:flex;position:relative}.ekycStepItem{z-index:2;text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative}.ekycStepBadge{color:#717680;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.icon-user-id{background-color:var(--400,#a4a7ae);width:20px;height:20px;display:inline-block;-webkit-mask:url(/images/sim-travel/icons/card-user-id.svg) 50%/contain no-repeat;mask:url(/images/sim-travel/icons/card-user-id.svg) 50%/contain no-repeat}.ekycStepItem.active .ekycStepBadge .icon-user-id{background-color:var(--400,#f16122)}.ekycStepTitle{color:#717680;font-size:15px;font-weight:500;transition:color .3s}.ekycStepItem.completed .ekycStepTitle{color:#2e7d32}.ekycStepConnector{z-index:1;background:#e5e7eb;height:2px;transition:background .3s;position:absolute;top:22px;transform:translateY(-50%)}.ekycCard{border-radius:var(--ekyc-radius-lg);box-sizing:border-box;background:#fff;border:1px solid #ebebeb;width:100%;max-width:680px;margin:0 auto;padding:40px;box-shadow:0 8px 32px #0000000a}.ekycCardTitle{color:var(--ekyc-dark);text-align:left;margin:0 0 28px;font-size:24px;font-weight:600;line-height:1.3}.ekycFormGroup{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.ekycField{text-align:left;flex-direction:column;gap:8px;display:flex}.ekycLabel span{color:#e53935;margin-left:2px}.ekycInput{background:var(--ekyc-bg-gray);box-sizing:border-box;border:1px solid #0000;border-radius:14px;outline:none;width:100%;height:52px;padding:0 20px;font-size:16px;transition:all .2s}.ekycInput::placeholder{color:#717680}.ekycInput:focus{border-color:var(--ekyc-orange);background:#fff;box-shadow:0 0 0 4px #f161221f}.ekycInputError{background:#fff8f8!important;border-color:#e53935!important}.ekycErrorText{color:#e53935;margin-top:2px;font-size:13px}.ekycScanBanner{background:#fff7f2;border:1px solid #ffd8c4;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:16px 20px;display:flex}.ekycScanBannerLeft{align-items:center;gap:14px;display:flex}.ekycScanIconBox{color:#fff;background:linear-gradient(135deg,#fc6a30 0%,#fa540b 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #fa540b40}.ekycScanText{text-align:left;flex-direction:column;gap:2px;display:flex}.ekycScanTitle{color:var(--ekyc-dark);margin:0;font-size:15px;font-weight:600}.ekycScanDesc{color:var(--ekyc-text-muted);margin:0;font-size:13px}.ekycScanBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#fc6a30 0%,#fa540b 97.6%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:inset 2px 4px 6px #ffffff47,0 4px 12px #fa540b40}.ekycScanBtn:hover{transform:translateY(-1px);box-shadow:inset 2px 4px 6px #ffffff47,0 6px 16px #fa540b59}.ekycUploadArea{text-align:center;background:#fffbf9;border:2px dashed #ffd4c0;border-radius:20px;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding:36px 24px;transition:all .2s;display:flex;position:relative}.ekycUploadArea:hover{border-color:var(--ekyc-orange);background:#fff5f0}.ekycPassportSvgGraphic{object-fit:contain;width:180px;height:110px}.ekycUploadTitle{color:var(--ekyc-dark);margin:0;font-size:17px;font-weight:600}.ekycUploadHint{color:var(--ekyc-text-muted);margin:0;padding-top:4px;font-size:14px;line-height:1.5}.ekycUploadActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.ekycBtnOutline{border:1px solid var(--ekyc-orange);color:var(--ekyc-orange-dark);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.ekycBtnOutline:hover{background:var(--ekyc-orange-light)}.ekycBtnSolid{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fc6a30 0%,#fa540b 97.6%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:inset 2px 4px 6px #ffffff47,0 4px 12px #fa540b33}.ekycBtnSolid:hover{transform:translateY(-1px);box-shadow:inset 2px 4px 6px #ffffff47,0 6px 16px #fa540b4d}.ekycUploadedBox{border:1px solid var(--ekyc-border);border-radius:14px;width:100%;max-width:380px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.ekycUploadedImg{object-fit:cover;width:100%;height:200px;display:block}.ekycRemoveImgBtn{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.ekycRemoveImgBtn:hover{background:#e53935}.ekycConfirmStack{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.ekycConfirmBox{text-align:left;border-radius:18px;padding:24px}.ekycConfirmBox.simInfo{background:#fef0eb;border:1px solid #fce2d6}.ekycConfirmBox.identityInfo{background:#f8f9fa;border:1px solid #e9ecef}.ekycConfirmHeader{color:var(--ekyc-dark);align-items:center;gap:8px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.ekycDot{background:var(--ekyc-orange-dark);border-radius:50%;width:8px;height:8px;display:inline-block}.ekycDataGrid{grid-template-columns:repeat(3,1fr);gap:16px 20px;display:grid}.ekycDataGrid.twoCols{grid-template-columns:repeat(3,1fr)}.ekycDataItem{flex-direction:column;gap:4px;display:flex}.ekycDataLabel{color:var(--ekyc-text-muted);font-size:13px;font-weight:500}.ekycDataValue{color:var(--ekyc-dark);word-break:break-word;font-size:15px;font-weight:700}.ekycDataValue.highlight{color:var(--ekyc-orange-dark)}.ekycFlagBadge{align-items:center;gap:6px;display:inline-flex}.ekycFlagIcon{border-radius:50%;width:18px;height:18px}.ekycActionsRow{justify-content:center;align-items:center;gap:20px;display:flex}.ekycActionBtnBack{border:1px solid var(--ekyc-orange);min-width:140px;height:48px;color:var(--ekyc-orange-dark);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.ekycActionBtnBack:hover{background:var(--ekyc-orange-light)}.ekycActionBtnNext{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fc6a30 0%,#fa540b 97.6%);border:none;border-radius:14px;justify-content:center;align-items:center;min-width:160px;height:48px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:inset 2px 4px 6px #ffffff47,0 4px 14px #fa540b47}.ekycActionBtnNext:hover{transform:translateY(-1px);box-shadow:inset 2px 4px 6px #ffffff47,0 6px 18px #fa540b59}.ekycModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ekycModalContent{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 16px 48px #0003}.ekycModalClose{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.ekycModalClose:hover{background:#e0e0e0}.ekycScanBox{color:#fff;background:#111;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:240px;margin:20px 0;display:flex;position:relative;overflow:hidden}.ekycBarcodeVideo{object-fit:cover;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.ekycScanTarget{z-index:1;border:2px dashed #fa540b;border-radius:12px;width:220px;height:120px;position:relative;box-shadow:0 0 0 9999px #00000073}.ekycScanLine{background:#fa540b;width:100%;height:2px;animation:2s ease-in-out infinite scanMove;position:absolute;top:0;left:0;box-shadow:0 0 8px #fa540b}.ekycScanStatus{z-index:1;color:#fff;text-align:center;max-width:90%;margin-top:12px;font-size:13px;position:relative}.ekycScanRetryBtn{width:100%}@keyframes scanMove{0%{top:0}50%{top:100%}to{top:0}}.ekycCameraBox{background:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;height:280px;margin:16px 0;display:flex;position:relative;overflow:hidden}.ekycCameraVideo{object-fit:cover;width:100%;height:100%}.ekycPassportFrameOverlay{pointer-events:none;border:2px dashed #fa540bd9;border-radius:12px;position:absolute;inset:20px;box-shadow:0 0 0 9999px #00000073}.ekycShutterBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fc6a30 0%,#fa540b 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:12px auto 0;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #fa540b66}.ekycShutterBtn:hover{transform:scale(1.06);box-shadow:0 8px 24px #fa540b80}.ekycSuccessBox{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:12px 0;display:flex}.ekycSuccessIcon{color:#2e7d32;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;display:flex}.ekycSuccessTitle{color:var(--ekyc-dark);margin:0;font-size:24px;font-weight:700}.ekycSuccessDesc{color:var(--ekyc-text-muted);max-width:440px;margin:0;font-size:15px;line-height:1.6}@media (max-width:767px){.ekycBreadcrumbBanner{padding:16px 20px}.ekycMainSection{padding:24px 16px 40px}.ekycCard{padding:24px 16px}.ekycStepper{gap:8px}.ekycStepTitle{font-size:12px}.ekycStepBadge{width:36px;height:36px;font-size:14px}.ekycStepConnector{top:18px}.ekycScanBanner{flex-direction:column;align-items:flex-start}.ekycScanBtn{justify-content:center;width:100%}.ekycDataGrid{grid-template-columns:1fr!important}.ekycActionsRow{flex-direction:column-reverse;width:100%}.ekycActionBtnBack,.ekycActionBtnNext{width:100%}}.ekycConfirmationCard{max-width:700px;box-shadow:none;border-radius:16px;gap:24px;padding:25px}.ekycConfirmationCard .ekycCardTitle{color:#383838;margin:0;font-size:24px;font-weight:700;line-height:1.5}.ekycConfirmationCard .ekycConfirmStack{gap:24px;margin-top:24px;margin-bottom:0}.ekycConfirmationCard .ekycConfirmBox{border:0;border-radius:12px;padding:20px}.ekycConfirmationCard .ekycConfirmBox.simInfo{background:linear-gradient(#fef0eb 4.05%,#fdf5f2 100%)}.ekycConfirmationCard .ekycConfirmBox.identityInfo{background:#f7f7f7}.ekycConfirmationCard .ekycConfirmHeader{color:#383838;gap:8px;margin:0 0 16px;font-size:16px;font-weight:500;line-height:1.5}.ekycConfirmationCard .ekycDot{background:#f16122;flex:0 0 8px;width:8px;height:8px}.ekycConfirmationCard .ekycDataGrid{gap:16px}.ekycConfirmationCard .ekycDataItem{gap:4px;padding-bottom:4px}.ekycConfirmationCard .ekycDataLabel{color:#717680;font-size:14px;font-weight:400;line-height:1.5}.ekycConfirmationCard .ekycDataValue{color:#383838;font-size:16px;font-weight:500;line-height:1.5}.ekycConfirmationCard .ekycDataValue.highlight{color:#f16122}.ekycConfirmationCard .identityInfo .ekycDataGrid{background:#fff;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px}.ekycConfirmationCard .identityInfo .ekycDataItem:nth-child(4),.ekycConfirmationCard .identityInfo .ekycDataItem:nth-child(5){grid-row:2}.ekycConfirmationCard .ekycFlagBadge{gap:6px}.ekycConfirmationCard .ekycActionsRow{margin-top:24px}.ekycConfirmationCard .ekycActionBtnBack,.ekycConfirmationCard .ekycActionBtnNext{box-sizing:border-box;border-radius:16px;width:178px;min-width:178px;height:52px;padding:4px;font-size:16px;font-weight:500;line-height:1.5}.ekycConfirmationCard .ekycActionBtnBack{background:#fff;border:1px solid #fc6a30;box-shadow:inset 0 0 0 3px #fff}.ekycConfirmationCard .ekycActionBtnNext{background:linear-gradient(90deg,#fc6a30 0%,#fa540b 97.6%);border:1px solid #fc6a30;box-shadow:inset 2px 4px 6px #ffffff47}@media (max-width:767px){.ekycConfirmationCard{padding:20px 16px}.ekycConfirmationCard .ekycDataGrid,.ekycConfirmationCard .identityInfo .ekycDataGrid{grid-template-columns:1fr}.ekycConfirmationCard .identityInfo .ekycDataItem:nth-child(4),.ekycConfirmationCard .identityInfo .ekycDataItem:nth-child(5){grid-row:auto}.ekycConfirmationCard .ekycActionBtnBack,.ekycConfirmationCard .ekycActionBtnNext{width:100%}}.ekycMainSection{padding:24px 24px 48px}.ekycContainer{gap:28px;max-width:860px}.ekycStepper{max-width:800px}.ekycStepItem{gap:8px}.active .ekycStepBadge{background:#f161221f}.ekycStepBadge{width:40px;height:40px;box-shadow:none;font-size:14px}.ekycStepBadgeIcon{width:16px;height:16px}.ekycStepTitle{color:#383838;font-size:16px;font-weight:400}.ekycStepItem.active .ekycStepTitle{color:#f16122;font-weight:500}.ekycStepItem.active .ekycStepBadgeIcon{color:#f16122}.ekycStepItem.completed .ekycStepBadge{color:#a4a7ae;background:#f0f1f2}.ekycStepItem.completed .ekycStepTitle{color:#383838;font-weight:400}.ekycStepConnector{background:#ebebeb;height:2px;top:16px}.ekycStepConnector.active{background:#ebebeb}.ekycStepConnector.line-1{width:calc(33.33% - 32px);left:calc(16.66% + 16px)}.ekycStepConnector.line-2{width:calc(33.33% - 32px);left:calc(50% + 16px)}.ekycCard{max-width:700px;box-shadow:none;border-radius:16px;padding:24px}.ekycCardTitle{color:#383838;margin-bottom:20px;font-size:24px;font-weight:700;line-height:1.5}.ekycField{gap:4px}.ekycLabel{color:#2e2e2e;font-size:14px;font-weight:500}.ekycInput{border-radius:12px;height:48px;padding:0 16px;font-size:16px}.ekycScanBanner{background:#fff7f2;border-radius:12px;min-height:94px;padding:12px 16px}.ekycScanBannerLeft{gap:12px}.ekycScanIconBox{color:#f16122;width:60px;height:60px;box-shadow:none;background:#f161221f;border-radius:50%}.ekycScanText{gap:0}.ekycScanTitle{font-size:18px;font-weight:700;line-height:27px}.ekycScanDesc{padding-top:4px;font-size:16px;font-weight:400;line-height:24px}.ekycScanBtn{border-radius:16px;gap:8px;padding:8px 12px;font-size:14px;font-weight:400;box-shadow:inset 2px 4px 6px #ffffff47}.ekycActionBtnBack,.ekycActionBtnNext{outline-offset:4px;border-radius:12px;outline:1px solid #fc6a3052;min-width:168px;height:48px;font-size:16px;font-weight:500;line-height:24px}.ekycActionBtnBack{border:1px solid #fc6a30;box-shadow:inset 0 0 0 3px #fff}.ekycActionBtnNext{min-width:168px;box-shadow:inset 2px 4px 6px #ffffff47}.ekycUploadArea{border-radius:16px;gap:8px;padding:16px 25px}.ekycPassportSvgGraphic{width:180px;height:96px}.ekycUploadTitle{font-size:20px;font-weight:500;line-height:30px}.ekycUploadActions{gap:12px}.ekycBtnOutline,.ekycBtnSolid{border-radius:8px;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;line-height:21px}.ekycConfirmStack{gap:12px;margin-bottom:16px}.ekycConfirmBox{border-radius:12px;padding:12px}.ekycConfirmHeader{gap:6px;margin-bottom:12px;font-size:12px;font-weight:500}.ekycDot{width:5px;height:5px}.ekycDataGrid,.ekycDataGrid.twoCols{gap:12px 20px}.ekycDataLabel{font-size:10px}.ekycDataValue{font-size:12px;font-weight:500}@media (max-width:767px){.ekycMainSection{padding:24px 16px 40px}.ekycCard{padding:20px 16px}.ekycStepper{gap:8px}.ekycStepTitle{font-size:11px}.ekycStepBadge{width:32px;height:32px}.ekycStepConnector{top:16px}.ekycScanBanner{flex-direction:column;align-items:flex-start}.ekycScanBtn{justify-content:center;width:100%}.ekycActionsRow{flex-direction:column-reverse;width:100%}.ekycActionBtnBack,.ekycActionBtnNext{width:100%}}@media (max-width:430px){.ekycPage{overflow-x:clip}.ekycBreadcrumbBanner{padding:14px 16px}.ekycBreadcrumbInner{flex-wrap:wrap;min-width:0;font-size:13px}.ekycMainSection{padding:20px 12px 88px}.ekycContainer{gap:24px}.ekycStepper{gap:4px}.ekycStepItem{gap:6px;min-width:0}.ekycStepTitle{overflow-wrap:anywhere;max-width:100%;font-size:10px;line-height:1.3}.ekycCard,.ekycConfirmationCard{width:100%;padding:18px 14px}.ekycCardTitle,.ekycConfirmationCard .ekycCardTitle{font-size:21px}.ekycUploadArea{padding:16px 12px}.ekycPassportSvgGraphic{width:min(180px,70vw);height:auto}.ekycUploadActions{flex-direction:column;width:100%}.ekycBtnOutline,.ekycBtnSolid{justify-content:center;width:100%}.ekycConfirmationCard .identityInfo .ekycDataGrid{padding:14px}}@media (max-width:390px){.ekycMainSection{padding-inline:10px}.ekycCard,.ekycConfirmationCard{padding-inline:12px}.ekycStepBadge{width:30px;height:30px}.ekycStepConnector{top:15px}.ekycScanBanner{padding-inline:12px}}