@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand: #003f74;--brand-dark: #002a4f;--brand-light: #00599e;--brand-accent: #0094d9;--brand-soft: #e8f3fb;--brand-muted: rgba(0, 63, 116, .08);--brand-border: rgba(0, 63, 116, .15);--surface: #ffffff;--surface-alt: #f4f8fc;--text: #1a2b3c;--text-muted: #5a7189;--success: #198754;--success-soft: #d8f3e5;--danger: #c0392b;--danger-soft: #fdecea;--radius: 16px;--shadow: 0 8px 32px rgba(0, 63, 116, .1);--shadow-sm: 0 2px 12px rgba(0, 63, 116, .07)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:var(--surface-alt);color:var(--text);overflow-x:hidden;min-width:0}.app-shell{background:radial-gradient(ellipse at 0% 0%,rgba(0,148,217,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(0,63,116,.06) 0%,transparent 50%),var(--surface-alt)}.app-header{background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 55%,var(--brand-light) 100%);color:#fff;border-bottom:none;box-shadow:0 4px 24px #002a4f59}.app-header__subtitle{color:#ffffffbf}.header-icon{width:52px;height:52px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.layout-grid{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0}.layout-grid>section{min-width:0;width:100%}.layout-grid__ref{order:1}.layout-grid__capture{order:2}.layout-grid__captured{order:3}@media (min-width: 992px){.layout-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.5rem;align-items:start}.layout-grid__ref{grid-column:1;grid-row:1;order:unset}.layout-grid__captured{grid-column:1;grid-row:2;order:unset}.layout-grid__capture{grid-column:2;grid-row:1 / span 2;order:unset}}.steps-progress{display:flex;align-items:center;justify-content:center;gap:.5rem 0;flex-wrap:wrap;padding:1.25rem 1rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--brand-border);margin-bottom:1.5rem;width:100%}.steps-progress__item--1{order:1}.steps-progress__line--1{order:2}.steps-progress__item--3{order:3}.steps-progress__line--2{order:4}.steps-progress__item--2{order:5}.steps-progress__item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.steps-progress__item--active{color:var(--brand)}.steps-progress__item--done{color:var(--brand-light)}.steps-progress__dot{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--brand-muted);border:2px solid var(--brand-border);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-muted);transition:all .25s ease}.steps-progress__item--active .steps-progress__dot,.steps-progress__item--done .steps-progress__dot{background:var(--brand);border-color:var(--brand);color:#fff}.steps-progress__line{flex:1;height:2px;background:var(--brand-border);margin:0 .75rem;min-width:24px;max-width:80px;transition:background .25s ease}.steps-progress__line--done{background:var(--brand)}.app-card{border:1px solid var(--brand-border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;overflow:hidden;background:var(--surface)}.app-card__header{background:var(--brand-soft)!important;border-bottom:1px solid var(--brand-border)!important;padding:1rem 1.25rem!important}.app-card__header-title{color:var(--brand);font-weight:700;font-size:1rem}.step-badge{width:28px;height:28px;min-width:28px;background:var(--brand);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #003f744d}.section-label{color:var(--brand);font-weight:700;font-size:.9rem}.section-divider{border:none;border-top:1px dashed var(--brand-border);margin:.25rem 0}.upload-area{border:2px dashed var(--brand-border);background:var(--brand-soft);transition:border-color .2s,background .2s,box-shadow .2s;cursor:pointer;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-area:hover{border-color:var(--brand-light);background:#dceaf7;box-shadow:0 0 0 4px #003f740f}.upload-area--active{border-color:var(--brand);background:#cce4f5;box-shadow:0 0 0 4px #003f741f}.upload-area.border-danger{border-color:var(--danger)!important;background:var(--danger-soft)}.upload-area__icon{color:var(--brand-light)}.upload-area__badge{background:var(--surface);color:var(--brand);border:1px solid var(--brand-border);font-weight:500}.preview-img{max-height:240px;-o-object-fit:contain;object-fit:contain}.capture-live{background:var(--brand-dark);border:2px solid var(--brand-border)}.capture-live video{max-height:280px;-o-object-fit:cover;object-fit:cover}.capture-placeholder{min-height:180px;background:var(--brand-soft);border:2px dashed var(--brand-border);color:var(--text-muted)}.captured-preview{border:2px solid var(--brand-border);background:var(--brand-soft)}.captured-preview img{max-height:320px;-o-object-fit:contain;object-fit:contain;width:100%}.btn-brand{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);border:none;color:#fff;font-weight:600;padding:.6rem 1.25rem;border-radius:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #003f744d}.btn-brand:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #003f7466}.btn-brand:active:not(:disabled){transform:translateY(0)}.btn-brand:disabled{opacity:.65}.btn-outline-brand{background:transparent;border:2px solid var(--brand);color:var(--brand);font-weight:600;border-radius:10px;transition:all .2s}.btn-outline-brand:hover{background:var(--brand);color:#fff}.btn-brand-secondary{background:var(--brand-accent);border:none;color:#fff;font-weight:600;border-radius:10px;box-shadow:0 4px 14px #0094d959;transition:transform .2s,box-shadow .2s}.btn-brand-secondary:hover:not(:disabled){background:#007bb5;color:#fff;transform:translateY(-1px)}.btn-ghost-danger{background:transparent;border:2px solid rgba(192,57,43,.35);color:var(--danger);border-radius:10px;font-weight:600;transition:all .2s}.btn-ghost-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.alert-brand{background:var(--danger-soft);border:1px solid rgba(192,57,43,.25);color:#7b241c;border-radius:10px}.verification-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:2rem 1.5rem;border-radius:var(--radius);animation:scaleInModal .4s cubic-bezier(.175,.885,.32,1.275)}.verification-banner--success{background:linear-gradient(135deg,#d8f3e5,#a8dfc4);border:2px solid var(--success);color:#0a3622}.verification-banner--error{background:linear-gradient(135deg,var(--danger-soft) 0%,#f5c6c2 100%);border:2px solid var(--danger);color:#58151c}.verification-banner__icon{font-size:3.5rem;line-height:1}.verification-banner__text{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:800;line-height:1.35;max-width:28rem}.verification-banner__detail{font-size:1.1rem;font-weight:700;color:var(--brand);background:#fff9;padding:.35rem 1rem;border-radius:999px}.verification-result{background:var(--brand-soft);border:1px solid var(--brand-border)}.verification-result__summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--brand);list-style:none}.verification-result__summary::-webkit-details-marker{display:none}.verification-result__json{font-size:.75rem;line-height:1.5;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text);background:var(--surface);border:1px solid var(--brand-border);border-radius:8px;padding:.75rem}.modal-processing{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;background:#002a4fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-processing__content{background:var(--surface);padding:2.5rem;border-radius:var(--radius);text-align:center;max-width:340px;width:90%;box-shadow:0 20px 60px #0000004d;animation:scaleInModal .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--brand-border)}.verifying-spinner__ring{width:56px;height:56px;border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;margin:0 auto 1.25rem;animation:spin .8s linear infinite}.verifying-spinner__text{font-size:1.25rem;font-weight:700;color:var(--brand);margin-bottom:.35rem}.verifying-spinner__subtext{font-size:.875rem;color:var(--text-muted);margin:0}.info-toggle{margin-bottom:2rem;border:1px solid var(--brand-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.info-toggle__summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:700;font-size:.95rem;color:var(--brand);background:var(--brand-soft);list-style:none;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info-toggle__summary::-webkit-details-marker{display:none}.info-toggle__summary:hover{background:#dceaf7}.info-toggle__chevron{font-size:1rem;transition:transform .25s ease;flex-shrink:0}.info-toggle[open] .info-toggle__chevron{transform:rotate(180deg)}.info-toggle[open] .info-toggle__summary{border-bottom:1px solid var(--brand-border)}.info-toggle .info-section{margin-bottom:0;padding:1.25rem}.info-section{margin-bottom:2rem;padding-bottom:0;border-top:none}.info-hero{display:flex;align-items:flex-start;gap:1.25rem;background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%);color:#fff;border-radius:var(--radius);padding:1.75rem 2rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.info-hero__icon{width:56px;height:56px;min-width:56px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.info-hero__title{font-size:clamp(1.15rem,3vw,1.4rem);font-weight:800;margin-bottom:.5rem}.info-hero__text{font-size:.95rem;line-height:1.6;color:#ffffffe0}.info-hero__text strong{color:#fff}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.info-card{background:var(--surface);border:1px solid var(--brand-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.info-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.info-card--integration{grid-column:1 / -1;background:var(--brand-soft)}.info-card__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--brand);margin-bottom:1rem}.info-card__title i{font-size:1.1rem;color:var(--brand-accent)}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.info-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.45;color:var(--text)}.info-list li i{color:var(--brand);font-size:1rem;flex-shrink:0;margin-top:.1rem}.info-list--benefits li i{color:var(--success)}.info-integration{display:flex;flex-direction:column;gap:.75rem}.info-integration__badge{display:inline-block;align-self:flex-start;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .75rem;border-radius:999px}.info-integration p{font-size:.9rem;line-height:1.55;color:var(--text)}.app-footer{background:var(--brand-dark);color:#ffffffa6;border-top:none}.app-footer__text{font-size:.8rem}.cursor-pointer{cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 991px){.info-grid{grid-template-columns:1fr}.info-card--integration{grid-column:auto}}@media (max-width: 767px){.app-header .d-flex.align-items-center{flex-direction:column;align-items:flex-start!important}.header-icon{width:44px;height:44px}.steps-progress{gap:.75rem;justify-content:center}.steps-progress__line{display:none}.steps-progress__item{font-size:.75rem;white-space:normal;flex:1 1 calc(50% - .5rem);justify-content:center;min-width:0}.steps-progress__item--2{flex-basis:100%}.info-hero{flex-direction:column;padding:1.25rem}}@media (max-width: 575px){.app-header h1{font-size:1.05rem;line-height:1.35}.app-header__subtitle{font-size:.8rem;line-height:1.5}.info-toggle__summary{font-size:.875rem;padding:.875rem 1rem}.info-card{padding:1.125rem}.app-card__header,.card-body.p-4{padding:.875rem!important}.capture-live video{max-height:220px}.preview-img{max-height:180px}.verification-banner{padding:1.5rem 1rem}}