:root{--cb-blue:#0052ff;--cb-blue-hover:#578bfa;--cb-link:#0667d0;--cb-dark:#0a0b0d;--cb-dark-card:#282b31;--cb-white:#fff;--cb-surface:#eef0f3;--cb-surface-muted:#f7f9fc;--cb-border:#5b616e38;--cb-danger:#d92d20;--cb-text-primary:#0a0b0d;--cb-text-secondary:#4f5562;--cb-focus:#1b1f2a;--radius-card:24px;--radius-control:14px;--radius-pill:56px;--font-display:"Sora", "Avenir Next", "Segoe UI Variable", sans-serif;--font-ui:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);color:var(--cb-text-primary);background:radial-gradient(900px 400px at 20% -20%,#0052ff1f,#0000 60%),radial-gradient(700px 320px at 90% 0,#578bfa29,#0000 65%),linear-gradient(#f7f9fd 0%,#eff3f9 100%);margin:0}a{color:var(--cb-link)}#root{min-height:100vh}.app-shell{width:min(1280px,100% - 2rem);margin:0 auto;padding:1.5rem 0 2.5rem}.app-header{border:1px solid var(--cb-border);border-radius:var(--radius-card);background:linear-gradient(120deg,#ffffffe6,#ffffffd1),linear-gradient(140deg,#0052ff14,#0000 60%);margin-bottom:1rem;padding:1.6rem}.app-brand{align-items:center;gap:.65rem;margin-bottom:1rem;display:inline-flex}.app-brand-mark{width:2rem;height:2rem;display:block}.app-brand-icon{object-fit:contain;width:100%;height:100%;display:block}.app-brand-text{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:.87rem;font-weight:700}.app-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.24rem,1.7vw,1.82rem);font-weight:500;line-height:1.05}.app-company-summary{background:linear-gradient(155deg,#fffffffa,#f6f8ffeb);border:1px solid #635bff40;border-radius:18px;gap:.75rem;margin-top:.9rem;padding:.85rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 10px 24px #0a0b0d14}.app-company-top{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.app-company-summary:before{content:"";pointer-events:none;background:radial-gradient(circle,#5bb2ff33,#0000 70%);border-radius:999px;width:200px;height:200px;position:absolute;top:-126px;right:-78px}.app-company-brand{justify-content:flex-start;align-items:center;display:flex}.app-company-logo{border-radius:8px;width:80px;height:auto;display:block}.app-company-intro{gap:.24rem;display:grid}.app-company-kicker{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--cb-link);margin:0;font-size:.7rem;font-weight:700}.app-company-name{font-family:var(--font-ui);color:#0f172a;margin:0;font-size:1rem;font-weight:700;line-height:1.12}.app-company-meta{grid-template-columns:1fr;gap:.48rem;margin:0;display:grid}.app-company-meta div{background:#ffffffa6;border:1px solid #5b616e2e;border-radius:10px;grid-template-columns:90px 1fr;gap:.45rem;padding:.45rem .6rem;display:grid}.app-company-meta dt{font-family:var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--cb-text-secondary);margin:0;font-size:.69rem;font-weight:700}.app-company-meta dd{font-family:var(--font-ui);color:#0f172a;margin:0;font-size:.84rem;font-weight:700}.stepper{border:1px solid var(--cb-border);background:#ffffffdb;border-radius:18px;margin:1.2rem 0;overflow-x:auto}.stepper-list{align-items:center;gap:.4rem;min-width:max-content;margin:0;padding:.95rem .9rem;list-style:none;display:flex}.stepper-item{align-items:center;display:flex;position:relative}.stepper-marker{border:1px solid var(--cb-border);background:var(--cb-white);width:1.8rem;height:1.8rem;color:var(--cb-text-secondary);font-family:var(--font-ui);border-radius:999px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid}.stepper-item-active .stepper-marker{background:var(--cb-blue);color:var(--cb-white);border-color:var(--cb-blue)}.stepper-item-complete .stepper-marker{background:var(--cb-dark);color:var(--cb-white);border-color:var(--cb-dark)}.stepper-check-icon{width:1rem;height:1rem}.stepper-label{font-family:var(--font-ui);color:var(--cb-text-secondary);white-space:nowrap;margin-left:.52rem;margin-right:.35rem;font-size:.86rem;font-weight:600}.stepper-item-active .stepper-label,.stepper-item-complete .stepper-label{color:var(--cb-text-primary)}.stepper-divider{background:#5b616e59;width:2.2rem;height:1px;margin-right:.15rem}.stepper-divider-active{background:#0052ff8c}.app-stage{grid-template-columns:1fr;gap:1rem;display:grid}.app-main{min-width:0}.step-card{border:1px solid var(--cb-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;padding:1.3rem;animation:.25s ease-out card-enter}.step-intro{margin-bottom:1.1rem}.step-eyebrow{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--cb-link);margin:0;font-size:.8rem;font-weight:700}.step-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.3rem 0 0;font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:500;line-height:1.04}.step-description{color:var(--cb-text-secondary);margin:.65rem 0 0;font-size:.98rem}.required-note{color:var(--cb-text-secondary);margin:0 0 1rem;font-size:.9rem}.form-grid{grid-template-columns:1fr;gap:.95rem;display:grid}.field{flex-direction:column;gap:.46rem;display:flex}.field.full-width{grid-column:1/-1}.field-label{font-family:var(--font-ui);align-items:center;gap:.4rem;font-size:.88rem;font-weight:650;display:inline-flex}.field-label-icon{width:1rem;height:1rem;color:var(--cb-link);place-items:center;display:grid}.inline-field-icon{width:1rem;height:1rem}.field-required{color:var(--cb-danger)}.field-control{position:relative}.input-base{border-radius:var(--radius-control);background:var(--cb-white);width:100%;min-height:2.85rem;color:var(--cb-text-primary);font-family:var(--font-body);border:1px solid #5b616e4d;padding:.68rem .8rem;font-size:.96rem;transition:border-color .15s,box-shadow .18s}.input-base:focus-visible{border-color:var(--cb-blue);outline:none;box-shadow:0 0 0 3px #0052ff29}.input-with-icon{padding-left:.86rem}.textarea-base{resize:vertical;min-height:7.2rem;padding-top:.75rem}.input-error{background:#d92d200a;border-color:#d92d20cc}.field-hint{color:var(--cb-text-secondary);margin:0;font-size:.8rem}.field-error{color:var(--cb-danger);font-size:.81rem;font-family:var(--font-ui);margin:0;font-weight:600}.placeholder-panel{text-align:center;color:var(--cb-text-secondary);background:#eef0f399;border:1px dashed #5b616e66;border-radius:14px;grid-column:1/-1;place-items:center;gap:.45rem;padding:1.3rem;display:grid}.placeholder-icon{width:1.2rem;height:1.2rem}.dropzone-container{flex-direction:column;gap:.7rem;display:flex}.dropzone{cursor:pointer;text-align:center;background:linear-gradient(145deg,#0052ff0a,#578bfa1a);border:1.5px dashed #0052ff59;border-radius:16px;padding:1.3rem 1.1rem;transition:border-color .17s,transform .17s}.dropzone:hover{border-color:#0052ffb8;transform:translateY(-1px)}.dropzone:focus-visible{outline:2px solid var(--cb-focus);outline-offset:2px}.dropzone-dragging{border-color:var(--cb-blue);background:#0052ff1a}.dropzone-error{background:#d92d200d;border-color:#d92d20bf}.dropzone-icon{width:1.3rem;height:1.3rem;color:var(--cb-link)}.dropzone-title{font-family:var(--font-ui);margin:.5rem 0 0;font-size:1rem;font-weight:650}.dropzone-description{color:var(--cb-text-secondary);margin:.32rem 0 0}.dropzone-link{color:var(--cb-link);text-decoration:underline}.dropzone-note{color:var(--cb-text-secondary);margin:.5rem 0 0;font-size:.8rem}.uploaded-file{background:#0052ff0d;border:1px solid #0052ff33;border-radius:12px;align-items:center;gap:.55rem;padding:.62rem .72rem;display:flex}.uploaded-file-icon{color:#0b915f;width:1rem;height:1rem}.uploaded-file-name{font-family:var(--font-ui);margin:0;font-size:.9rem;font-weight:650}.uploaded-file-meta{color:var(--cb-text-secondary);margin:.1rem 0 0;font-size:.8rem}.upload-progress-track{background:#5b616e2e;border-radius:999px;width:100%;height:.55rem;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#0052ff,#4b83ff);height:100%;transition:width .2s}.upload-progress-label{color:var(--cb-text-secondary);margin:.28rem 0 0;font-size:.8rem}.summary-block{border:1px solid var(--cb-border);background:#ffffffdb;border-radius:14px;margin-top:1rem;padding:.9rem}.summary-block h3{font-family:var(--font-ui);align-items:center;gap:.42rem;margin:0 0 .8rem;font-size:1rem;display:inline-flex}.summary-section-icon{width:1rem;height:1rem;color:var(--cb-link)}.summary-block dl{grid-template-columns:1fr;gap:.55rem;margin:0;display:grid}.summary-block dl div{grid-template-columns:140px 1fr;align-items:start;gap:.6rem;display:grid}.summary-block dt{color:var(--cb-text-secondary);font-size:.86rem}.summary-block dd{word-break:break-word;font-family:var(--font-ui);margin:0;font-size:.9rem;font-weight:600}.verify-cta-panel{color:#f9fafb;background:linear-gradient(145deg,#0a0b0df2,#282b31eb);border-radius:16px;margin-top:1rem;padding:1rem}.verify-cta-panel h3{font-family:var(--font-ui);margin:0;font-size:1.1rem}.verify-cta-panel p{color:#f9fafbdb;margin:.45rem 0 0;font-size:.92rem}.step-actions{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;grid-column:1/-1;justify-content:space-between;gap:.7rem;margin-top:.8rem;padding:0;display:flex;position:static}.btn{border-radius:var(--radius-pill);min-width:7.8rem;min-height:2.7rem;font-family:var(--font-ui);letter-spacing:.01em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.48rem;padding:.5rem 1.15rem;font-size:.94rem;font-weight:650;transition:transform .14s,background .18s,border-color .18s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--cb-focus);outline-offset:2px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background:var(--cb-blue);color:var(--cb-white);border-color:var(--cb-blue)}.btn-primary:hover:not(:disabled){background:var(--cb-blue-hover);border-color:var(--cb-blue-hover)}.btn-secondary{background:var(--cb-surface);color:var(--cb-dark);border-color:#5b616e4d}.btn-ghost{color:var(--cb-text-primary);background:0 0;border-color:#0000}.btn-full-width{width:100%}.btn-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:.85rem;height:.85rem;animation:.9s linear infinite spin}.summary-sidebar{display:none}.summary-card{border:1px solid var(--cb-border);background:#ffffffdb;border-radius:18px;padding:1rem}.summary-eyebrow{color:var(--cb-link);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-family:var(--font-ui);margin:0;font-weight:700}.summary-title{font-family:var(--font-display);margin:.45rem 0 .85rem;font-size:1.4rem;line-height:1}.summary-progress-track{background:#5b616e33;border-radius:999px;width:100%;height:.55rem;margin-bottom:.85rem;overflow:hidden}.summary-progress-fill{background:linear-gradient(90deg,#0052ff,#4f8dff);height:100%}.summary-step-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.summary-step-item{color:var(--cb-text-secondary);align-items:center;gap:.45rem;font-size:.84rem;display:flex}.summary-step-dot{border:1px solid #5b616e59;border-radius:999px;place-items:center;width:1rem;height:1rem;display:grid}.summary-step-dot-complete{background:var(--cb-blue);border-color:var(--cb-blue);color:var(--cb-white)}.summary-check{width:.64rem;height:.64rem}.summary-metadata{gap:.65rem;margin:0;display:grid}.summary-metadata dt{color:var(--cb-text-secondary);margin:0;font-size:.78rem}.summary-metadata dd{font-family:var(--font-ui);word-break:break-word;margin:.16rem 0 0;font-size:.86rem;font-weight:600}.success-card{text-align:center}.success-badge{background:linear-gradient(160deg,#0052ff1f,#0052ff33);border-radius:999px;place-items:center;width:4.2rem;height:4.2rem;margin:0 auto 1rem;display:grid}.success-badge-icon{width:1.8rem;height:1.8rem;color:var(--cb-blue)}.success-reference{border:1px solid var(--cb-border);background:#eef0f38c;border-radius:14px;margin-top:1rem;padding:.85rem}.success-reference p{color:var(--cb-text-secondary);margin:0;font-size:.84rem}.success-reference strong{font-family:var(--font-ui);letter-spacing:.03em;margin-top:.35rem;display:inline-block}.next-steps{text-align:left;border:1px solid var(--cb-border);border-radius:14px;margin-top:1rem;padding:.9rem}.next-steps h3{font-family:var(--font-ui);margin:0;font-size:1rem}.next-steps ul{color:var(--cb-text-secondary);gap:.45rem;margin:.65rem 0 0;padding-left:1.05rem;font-size:.92rem;display:grid}.kyc-shell{background:radial-gradient(circle at 20% 10%,#578bfa40,#0000 38%),linear-gradient(#0a0b0d,#121417);place-items:center;min-height:100vh;padding:1.4rem;display:grid}.kyc-card{color:#fff;text-align:center;background:#282b31bf;border:1px solid #ffffff2e;border-radius:24px;width:min(540px,100%);padding:1.35rem}.kyc-icon-wrap{background:#ffffff14;border-radius:999px;place-items:center;width:3.6rem;height:3.6rem;margin:0 auto .9rem;display:grid}.kyc-icon{width:1.4rem;height:1.4rem}.kyc-eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.11em;color:#ffffffc2;margin:0;font-size:.75rem}.kyc-card h1{font-family:var(--font-display);margin:.4rem 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.03}.kyc-card p{color:#ffffffdb;margin:.55rem 0 0}.kyc-progress-track{background:#ffffff29;border-radius:999px;height:.62rem;margin-top:1rem;overflow:hidden}.kyc-progress-fill{background:linear-gradient(90deg,#0f6cff,#68a1ff);height:100%;transition:width .5s}.toast-viewport{z-index:40;flex-direction:column;gap:.55rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:#fffffff5;border:1px solid #5b616e59;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:.6rem;min-width:220px;max-width:320px;padding:.68rem .8rem;display:flex;box-shadow:0 8px 20px #0a0b0d1f}.toast p{font-size:.84rem;font-family:var(--font-ui);margin:0}.toast-success{border-color:#0b915f59}.toast-error{border-color:#d92d2073}.toast-info{border-color:#0052ff61}.toast-close{color:var(--cb-text-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem;line-height:1}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.app-shell{width:min(1280px,100% - 2.5rem)}.step-card{padding:1.5rem}.app-company-summary{padding:.95rem}.app-company-top{grid-template-columns:80px minmax(0,1fr);gap:1rem}.app-company-name{font-size:1.08rem}.app-company-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.app-company-meta div{grid-template-columns:1fr;gap:.25rem;padding:.5rem .6rem}.app-company-logo{width:80px}}@media (width>=768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-step-card .field-label{align-items:flex-start;min-height:2.4em;line-height:1.3}}@media (width>=1024px){.app-stage{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.summary-sidebar{gap:1rem;display:grid;position:sticky;top:1.2rem}.step-card{padding:1.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes card-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}