.tf-verify { --ink:#23272c; --blue:#365cba; --blue-deep:#284993; --blue-soft:#edf2fc; background:#f4f5f7; min-height:100dvh; font-family:Kraken-Product,'IBM Plex Sans',sans-serif; }
.verify-brandbar { max-width:1280px; margin:auto; height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 48px; }
.verify-brandbar a { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; }
.verify-brandbar img { width:34px; height:34px; object-fit:contain; }
.verify-brandbar a:first-child { font-weight:600; font-size:20px; letter-spacing:-.5px; }
.verify-brandbar .verify-help { font-size:13px; color:#606a78; gap:16px; }
.verify-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,520px); gap:80px; max-width:1120px; padding:32px 40px 48px; margin:auto; align-items:center; }
.verify-guide { padding:24px 0; }
.verify-eyebrow { color:#647388; font-size:10px; letter-spacing:.16em; font-weight:600; margin:0 0 24px; }
.verify-guide h2 { font-family:inherit; font-size:clamp(30px,3.5vw,44px); font-weight:500; line-height:1.12; letter-spacing:-.045em; margin:0 0 24px; text-wrap:balance; }
.verify-guide > p:not(.verify-eyebrow) { color:#69717d; font-size:15px; line-height:1.75; max-width:340px; }
.verify-outline { list-style:none; padding:0; margin:40px 0; display:grid; gap:28px; }
.verify-outline li { display:flex; gap:18px; align-items:flex-start; }
.verify-outline li > span { width:34px; height:34px; flex:none; display:grid; place-items:center; border:1px solid #d9dfe7; border-radius:11px; color:#697789; font-size:11px; font-variant-numeric:tabular-nums; }
.verify-outline strong { font-size:14px; font-weight:500; }
.verify-outline p { font-size:13px; color:#747d88; line-height:1.6; margin:4px 0 0; }
.verify-privacy { display:inline-flex; gap:20px; color:#596777; font-size:12px; text-decoration:none; border-bottom:1px solid #d7dde5; padding-bottom:8px; }
.tf-verify-main { min-height:0; padding:0; display:block; min-width:0; }
.tf-kyc-card { width:100%; min-height:590px; max-height:none; border:1px solid #e3e7ec; border-radius:28px; box-shadow:0 20px 65px -36px #23385840,0 2px 5px #23385804; }
.tf-kyc-head { min-height:70px; padding:0 16px; border-bottom:1px solid #f0f1f4; }
.tf-kyc-head-title { font-size:12px; font-weight:500; color:#78818d; }
.tf-kyc-progress { height:4px; background:#edf0f6; }
.tf-kyc-body { padding:32px 36px 16px; overflow:visible; }
.tf-kyc-body h1 { font-family:inherit; font-size:30px; line-height:1.2; letter-spacing:-.04em; font-weight:500; margin-bottom:14px; text-wrap:balance; }
.tf-kyc-lede { font-size:14px; line-height:1.7; color:#727b88; margin:0 0 28px; }
.tf-kyc-foot { padding:20px 36px 30px; margin-top:auto; }
.tf-kyc-continue { border-radius:14px; background:#24364d; min-height:54px; font-size:14px; box-shadow:0 4px 10px #24364d16; transition:background .18s,transform .18s; }
.tf-kyc-continue:hover:not(:disabled) { background:#334e6f; }
.tf-kyc-continue:active:not(:disabled) { transform:translateY(1px); }
.tf-kyc-continue:disabled { background:#e3e8ee; color:#8993a0; box-shadow:none; }
.tf-float,.tf-ssn,.tf-doc-option { border-color:#dfe5eb; border-radius:14px; background:#fcfdfe; }
.tf-float:focus-within,.tf-ssn:focus-within { border-color:#5474ad; box-shadow:0 0 0 3px #365cba12; }
.tf-kyc-stack { gap:16px; }
.tf-choice { background:#f5f7fa; border:1px solid transparent; border-radius:14px; min-height:60px; font-size:14px; }
.tf-choice.is-selected { background:#edf2fa; border-color:#9eafcb; }
.tf-kyc-list { counter-reset:requirements; gap:0; margin-bottom:8px; }
.tf-kyc-list li { padding:15px 0; border-bottom:1px solid #edf0f4; align-items:center; font-size:14px; gap:14px; }
.tf-kyc-list li::before { counter-increment:requirements; content:counter(requirements,decimal-leading-zero); width:28px; height:28px; margin:0; border-radius:9px; background:#f0f3f8; color:#687a94; display:grid; place-items:center; font-size:10px; }
.tf-kyc-note,.tf-kyc-legal { color:#77808b; font-size:12px; line-height:1.75; }
.tf-kyc-error:not(:empty) { padding:12px 14px; border-radius:12px; background:#fff3f1; line-height:1.6; }
.tf-upload { padding:20px; border-color:#b7c4d7; border-radius:16px; background:#f8faff; }
.tf-review-section { border-color:#e3e8ef; border-radius:16px; padding:18px; }
.verify-footer { max-width:1120px; margin:0 auto; padding:0 40px 28px; display:flex; gap:22px; align-items:center; font-size:11px; color:#818995; }
.verify-footer span { margin-right:auto; }
.verify-footer a { color:inherit; text-decoration:none; }
.verify-skeleton { display:grid; gap:16px; margin-top:36px; }
.tf-verify [hidden] { display:none!important; }
.tf-selfie-stage { position:relative; aspect-ratio:4/3; background:#edf1f6; border:1px solid #dce3ed; border-radius:22px; overflow:hidden; margin-bottom:16px; }
.tf-selfie-stage video,.tf-selfie-stage img.tf-shot { width:100%; height:100%; max-height:none; position:absolute; inset:0; object-fit:contain; border-radius:0; background:#1e2939; }
.tf-selfie-placeholder { height:100%; min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; font-size:12px; color:#667891; }
.tf-face-outline { display:block; width:100px; height:132px; border:2px dashed #92a6c1; border-radius:48% 48% 44% 44%; }
.tf-photo-tips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.tf-photo-tips span { padding:6px 9px; border-radius:7px; background:#f3f6fa; color:#677589; font-size:10px; }
.tf-camera .tf-doc-option { justify-content:center; font-size:14px; }
.tf-camera [data-camera-status] { min-height:40px; margin-bottom:14px; }
.verify-skeleton span { height:56px; border-radius:14px; background:#f0f3f7; }
.verify-skeleton span:last-child { width:65%; }
.tf-verify a:focus-visible,.tf-verify button:focus-visible { outline:2px solid #5474ad; outline-offset:4px; }
@media(max-width:850px) { .verify-workspace { max-width:600px; display:block; padding:12px 24px 28px; } .verify-guide { display:none; } .verify-brandbar { height:76px; padding:0 28px; } .verify-footer { max-width:600px; padding:0 28px 24px; } }
@media(max-width:520px) { .verify-workspace { padding:8px 16px 24px; } .verify-brandbar { height:72px; padding:0 20px; } .verify-brandbar a:first-child { font-size:18px; } .tf-kyc-card { min-height:calc(100dvh - 152px); max-height:none; border-radius:22px; } .tf-kyc-body { padding:24px 22px 12px; } .tf-kyc-body h1 { font-size:28px; } .tf-kyc-foot { padding:18px 22px 24px; } .tf-kyc-head { min-height:60px; padding:0 10px; } .verify-footer { padding:0 20px 20px; gap:16px; font-size:10px; } .tf-kyc-lede { margin-bottom:24px; } }
@media(prefers-reduced-motion:reduce) { .tf-kyc-continue { transition:none; } }