/* =========================================================
   Tcongs - rest-v2.css
   Used by: seller-registration-documents.html, thank-you.html
   Load after home-v2.css, onboarding-v2.css, contact-v2.css
   ========================================================= */
.rdr-page .rd2-main :is(h1,h2,h3,h4){font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-style:normal}
.rdr-page .rdo-crumbs{display:block !important;line-height:1.9 !important;font-size:13.5px !important;margin:0 0 16px}
.rdr-page .rdo-crumbs a,.rdr-page .rdo-crumbs span{display:inline !important;margin:0 !important;padding:0 !important}
.rdr-page .rdo-crumbs a{color:#C9D8FF;text-decoration:none}
.rdr-page .rdo-crumbs span[aria-hidden]{margin:0 8px !important;opacity:.7}
.rdr-page .rdo-crumbs span[aria-current]{color:#fff;font-weight:700}
.rdr-page .rd2-hero .rdo-sub{margin:0 0 14px !important}
.rdr-page .rd2-hero .rd2-hero-text h1{font-size:clamp(32px,3.6vw,52px) !important}
@media (min-width:981px){.rdr-page .rd2-hero .rd2-hero-grid{align-items:center !important}}

/* ---------- Seller documents ---------- */
.rdd-intro{max-width:820px;margin:0 auto 22px !important;text-align:center;font-size:17px;line-height:1.75;color:var(--v2-muted,#4A5A85)}
.rdd-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 44px}
.rdd-chips a{padding:10px 20px;border-radius:999px;background:#fff;border:1px solid var(--v2-line,#DCE5FA);color:var(--v2-royal,#0F33B8);font-weight:700;font-size:14px;text-decoration:none;
  box-shadow:0 10px 22px -16px rgba(18,52,160,.5);transition:transform .25s,background .25s,color .25s,border-color .25s}
.rdd-chips a:hover{background:var(--v2-blue,#2457FF);color:#fff;border-color:var(--v2-blue,#2457FF);transform:translateY(-2px)}
.rdr-page .rd2-head h2[id]{scroll-margin-top:110px}
.rdd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px}
.rdd-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.rdd-card{position:relative;display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--v2-line,#DCE5FA);border-radius:20px;
  box-shadow:0 22px 44px -32px rgba(18,52,160,.45);transition:transform .3s,box-shadow .3s,border-color .3s}
.rdd-card:hover{transform:translateY(-5px);border-color:#B9CBFF;box-shadow:0 30px 54px -30px rgba(18,52,160,.55)}
.rdd-card-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.rdd-ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#2457FF,#0F33B8);box-shadow:0 12px 22px -12px rgba(36,87,255,.7)}
.rdd-ic svg{width:24px;height:24px}
.rdd-n{font-size:13px;font-weight:800;letter-spacing:.08em;color:#9DB0E6}
.rdr-page .rdd-card h3{margin:0 0 8px !important;font-size:18px !important;line-height:1.3 !important;font-weight:800;color:var(--v2-ink,#0A1A4A)}
.rdr-page .rdd-card p{margin:0 !important;font-size:14.5px;line-height:1.65;color:var(--v2-muted,#4A5A85)}
.rdr-page .rdd-card .rdd-common{margin:0 0 12px !important;padding:12px 14px;border-radius:12px;background:var(--v2-bg,#EEF3FF);font-size:13px;line-height:1.6}
.rdr-page .rdd-card .rdd-common strong{color:var(--v2-ink,#0A1A4A)}
.rdd-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.rdd-list li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.55;color:var(--v2-ink,#0A1A4A)}
.rdd-list li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:#E1EAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232457FF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.rdd-note{max-width:820px;margin:34px auto 0 !important;padding:16px 22px;border-radius:16px;background:#FFF8E6;border:1px solid #FFE2A1;color:#6B4E00;font-size:14.5px;line-height:1.65;text-align:center}
.rdd-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px 44px;border-radius:28px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,#2457FF 0%,rgba(36,87,255,0) 55%),linear-gradient(135deg,#061641 0%,#0A2370 60%,#0F33B8 100%);box-shadow:0 34px 60px -34px rgba(6,22,65,.8)}
.rdr-page .rdd-cta h2{margin:0 0 8px !important;color:#fff;font-size:clamp(24px,2.6vw,34px) !important;line-height:1.2}
.rdr-page .rdd-cta p{margin:0 !important;color:#C9D8FF;font-size:16px}
.rdd-cta-btns{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
/* hero checklist visual */
.rdd-visual{min-height:400px}
.rdd-sheet{position:relative;width:min(100%,400px);padding:0 0 22px;border-radius:22px;background:#fff;box-shadow:0 40px 70px -30px rgba(0,10,60,.7);overflow:hidden;animation:rd2-float 7s ease-in-out infinite}
.rdd-sheet-top{display:flex;align-items:center;gap:6px;padding:14px 18px;background:#121C3D}
.rdd-sheet-top i{width:10px;height:10px;border-radius:50%;background:#5C6FA8}
.rdd-sheet-top b{margin-left:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}
.rdd-sheet ul{list-style:none;margin:0;padding:18px 22px 6px;display:grid;gap:12px}
.rdd-sheet li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--v2-bg,#EEF3FF);font-weight:700;font-size:14.5px;color:var(--v2-ink,#0A1A4A)}
.rdd-sheet li svg{flex:0 0 22px;width:22px;height:22px;padding:4px;border-radius:50%;background:#2457FF;color:#fff;box-sizing:border-box}
.rdd-sheet-bar{margin:10px 22px 0;height:8px;border-radius:99px;background:#DCE5FA;overflow:hidden}
.rdd-sheet-bar span{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2457FF,#5AB0FF)}

/* ---------- Thank you ---------- */
.rdt-visual{min-height:400px}
.rdt-stage{position:relative;width:min(100%,420px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.rdt-ring{position:absolute;inset:0;margin:auto;border-radius:50%;border:2px solid rgba(143,208,255,.45);animation:rdt-pulse 3.6s ease-out infinite}
.rdt-ring:nth-child(1){width:46%;height:46%}
.rdt-ring:nth-child(2){width:46%;height:46%;animation-delay:1.2s}
.rdt-ring:nth-child(3){width:46%;height:46%;animation-delay:2.4s}
@keyframes rdt-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.rdt-badge{position:relative;z-index:2;width:34%;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#3FCB6B,#1F9D4D);box-shadow:0 0 0 12px rgba(63,203,107,.22),0 30px 50px -18px rgba(8,80,40,.75);animation:rdt-pop .9s cubic-bezier(.2,.9,.3,1.3) both}
.rdt-badge svg{width:52%;height:52%}
.rdt-badge svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:rdt-draw .7s .5s ease forwards}
@keyframes rdt-pop{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes rdt-draw{to{stroke-dashoffset:0}}
.rdt-live{position:absolute;top:2%;right:2%;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12.5px;font-weight:700;backdrop-filter:blur(6px)}
.rdt-live i{width:8px;height:8px;border-radius:50%;background:#3FCB6B;box-shadow:0 0 0 0 rgba(63,203,107,.7);animation:rdt-dot 1.6s infinite}
@keyframes rdt-dot{70%{box-shadow:0 0 0 8px rgba(63,203,107,0)}100%{box-shadow:0 0 0 0 rgba(63,203,107,0)}}
.rdt-caps{position:absolute;left:0;right:0;bottom:0;height:34px;text-align:center}
.rdt-caps span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#E6EEFF;font-weight:700;font-size:15px;opacity:0;animation:rdt-cap 9s infinite}
.rdt-caps span:nth-child(2){animation-delay:3s}
.rdt-caps span:nth-child(3){animation-delay:6s}
@keyframes rdt-cap{0%{opacity:0;transform:translateY(8px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-8px)}}
.rdt-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.rdt-market{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px}
.rdt-chip{display:flex;align-items:center;gap:12px;padding:12px 22px 12px 14px;border-radius:999px;background:#fff;border:1px solid var(--v2-line,#DCE5FA);color:var(--v2-ink,#0A1A4A);font-weight:700;font-size:15px;text-decoration:none;
  box-shadow:0 14px 28px -20px rgba(18,52,160,.5);transition:transform .25s,border-color .25s,box-shadow .25s}
.rdt-chip:hover{transform:translateY(-3px);border-color:#9DB5FF;box-shadow:0 20px 34px -20px rgba(18,52,160,.6)}
.rdt-chip img{width:34px;height:34px;object-fit:contain;border-radius:8px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.rdd-grid,.rdd-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
  .rdd-visual,.rdt-visual{min-height:330px}
  .rdd-cta{flex-direction:column;align-items:flex-start;padding:32px 26px}
  .rdt-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .rdd-grid,.rdd-grid:has(> :nth-child(5):last-child){grid-template-columns:1fr;gap:16px}
  .rdd-intro{font-size:15.5px;text-align:left}
  .rdd-chips{justify-content:flex-start;margin-bottom:32px}
  .rdd-chips a{padding:9px 16px;font-size:13px}
  .rdd-visual,.rdt-visual{min-height:290px}
  .rdd-sheet{width:92%}
  .rdt-stage{width:86%}
  .rdt-live{font-size:11.5px;padding:6px 11px}
  .rdt-caps span{font-size:13.5px}
  .rdd-cta-btns{width:100%;flex-direction:column}
  .rdd-cta-btns .rd2-btn{width:100%;justify-content:center}
  .rdt-chip{padding:10px 16px 10px 10px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.rdt-ring,.rdt-badge,.rdt-badge svg path,.rdt-live i,.rdt-caps span,.rdd-sheet{animation:none !important}.rdt-badge svg path{stroke-dashoffset:0}.rdt-caps span:first-child{opacity:1}}

/* hero polish */
.rdr-page .rd2-hero .rd2-hero-text h1{margin-bottom:18px !important}
.rdd-sheet{margin-left:44px}
.rdd-visual .rd2-float-1{top:4%;left:2%}
.rdd-visual .rd2-float-2{top:auto;bottom:6%;left:0}
.rdd-visual .rd2-float-3{display:none}
@media (max-width:640px){.rdd-sheet{margin-left:0}.rdd-visual .rd2-float-1{left:-2%}}