@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-soft: #f4f7fb;--ink: #10223b;--muted-ink: #4a5c74;--panel-border: #d4e3f3;--accent: #0d5fb8;--landing-bg-1: #07111f;--landing-bg-2: #101f3a;--landing-bg-3: #123562;--landing-card: rgba(8, 15, 28, .78);--landing-border: rgba(151, 191, 255, .18);--landing-text: #e8f1ff;--landing-muted: #b2c4e3;--landing-accent: #6ee7ff;--landing-accent-2: #ffc95c;font-family:Space Grotesk,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--ink);background:var(--bg-soft);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-soft)}#root{min-height:100vh}.app-shell{max-width:1024px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.panel{background:#ffffffeb;border:1px solid #d4e3f3;border-radius:14px;padding:18px;box-shadow:0 10px 24px #10223b14}.header-panel{display:flex;justify-content:space-between;align-items:center;gap:12px}.login-panel{margin-top:80px}h1{margin:0 0 8px;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.15rem}p{margin:6px 0}.muted{color:#4a5c74;font-size:.95rem}.label{color:#324a67;font-size:.9rem;font-weight:600}.value{font-size:1.4rem;font-weight:700}.key-box{display:block;width:100%;overflow-wrap:anywhere;padding:10px 12px;border-radius:8px;border:1px solid #d4e3f3;background:#f6fbff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{border:1px solid #95acc8;background:#fff;color:#18304f;border-radius:8px;padding:9px 14px;font-size:.95rem;cursor:pointer}.btn:hover:not(:disabled){border-color:#6287ad}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:#0d5fb8;color:#fff;border-color:#0d5fb8}.btn.danger{color:#b43232;border-color:#d59d9d}.error-text{color:#b91c1c;margin-top:10px}.info-text{color:#0f5f29;margin-top:8px}.error-panel{border-color:#f3b6b6;background:#fff6f6;color:#9e1f1f}.ip-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ip-form{margin-top:14px;display:flex;flex-direction:column;gap:8px}textarea{width:100%;resize:vertical;border:1px solid #bfd4e8;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;background:#fbfdff}.table-wrap{overflow-x:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e2ecf5;padding:10px}.empty{color:#57708f}.row-added{background:#eefcf3}.landing-shell{min-height:100vh;padding:24px;color:var(--landing-text);background:radial-gradient(900px 520px at 10% -5%,rgba(110,231,255,.12),transparent 70%),radial-gradient(820px 480px at 100% 8%,rgba(255,201,92,.12),transparent 70%),linear-gradient(140deg,var(--landing-bg-1),var(--landing-bg-2) 48%,var(--landing-bg-3))}.landing-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--landing-border);background:#060c1773;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px}.brand-logo-wrap{width:178px;aspect-ratio:1338 / 1046;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffff0a;border:1px solid rgba(151,191,255,.12);padding:0;overflow:hidden}.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block}.brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:.9rem;font-weight:700;letter-spacing:.06em;color:#02111d;background:linear-gradient(135deg,var(--landing-accent),#84f5ff 55%,#bff9ff);box-shadow:0 10px 24px #1a7fbf47}.brand-copy{display:flex;flex-direction:column;line-height:1.1;justify-content:center}.brand-title{font-size:1rem;font-weight:700;color:#f2f7ff}.brand-subtitle{font-size:.75rem;color:var(--landing-muted);letter-spacing:.05em;text-transform:uppercase}.brand-portal-text{color:#eaf2ff;font-size:1.45rem;font-weight:700;letter-spacing:.01em;line-height:1.05;white-space:nowrap}.docs-link{color:#e9f6ff;text-decoration:none;font-weight:600;border:1px solid rgba(151,191,255,.25);border-radius:999px;padding:8px 12px;background:#ffffff0a}.docs-link:hover{border-color:#6ee7ff59;background:#6ee7ff14}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.hero-copy,.code-card,.showcase-grid>*{animation:fadeUp .65s ease-out both}.code-card{animation-delay:.08s}.showcase-grid>:first-child{animation-delay:.14s}.showcase-grid>:last-child{animation-delay:.2s}.hero-copy{padding:0 4px 16px;display:flex;flex-direction:column;justify-content:flex-start}.hero-pill{display:inline-flex;align-self:flex-start;margin:0 0 14px;padding:8px 12px;border-radius:999px;border:1px solid rgba(151,191,255,.24);background:#ffffff0a;color:#d1e3ff;font-size:.85rem;letter-spacing:.02em}.hero-title{margin:0;font-size:clamp(2.1rem,5vw,3.8rem);line-height:.98;letter-spacing:-.03em;color:#f4f8ff;max-width:14ch}.hero-description{margin:16px 0 0;max-width:58ch;color:var(--landing-muted);font-size:1rem;line-height:1.6}.oauth-stack{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}.oauth-btn{border:1px solid rgba(151,191,255,.22);background:#070e1ab3;color:#eaf2ff;border-radius:14px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.oauth-btn:hover{transform:translateY(-1px);border-color:#6ee7ff59;background:#091121e6}.oauth-btn:focus-visible{outline:2px solid rgba(110,231,255,.7);outline-offset:2px}.oauth-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f}.oauth-icon svg{width:18px;height:18px}.oauth-btn-google .oauth-icon{background:#fff}.oauth-btn-github .oauth-icon{color:#fff}.hero-footnote{margin:14px 0 0;color:#b8c9e6;font-size:.92rem}.hero-footnote-cta{margin-top:6px;color:#86f6ff;font-weight:700;letter-spacing:.01em}.landing-error{margin-top:10px;padding:10px 12px;border-radius:12px;background:#b91c1c26;border:1px solid rgba(248,113,113,.25);color:#ffd3d3}.code-card{border-radius:20px;border:1px solid var(--landing-border);background:linear-gradient(180deg,#ffffff05,#fff0),#050a13b8;box-shadow:0 30px 70px #01050d61,inset 0 1px #ffffff0a;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(151,191,255,.12);background:#ffffff05}.code-toolbar-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.code-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.code-dot-red{background:#ff6b6b}.code-dot-amber{background:#ffc95c}.code-dot-green{background:#4ade80}.code-toolbar-label{margin-left:4px;color:#bfd4f2;font-size:.82rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-doc-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#ffffff0a;color:#f4f8ff;text-decoration:none;font-size:.86rem;font-weight:600;white-space:nowrap;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.api-doc-btn:hover{border-color:#6ee7ff8c;background:#6ee7ff1a;transform:translateY(-1px)}.api-doc-btn:focus-visible{outline:2px solid rgba(110,231,255,.65);outline-offset:2px}.code-block{padding:14px;display:grid;gap:12px}.code-request,.code-response{margin:0;border-radius:14px;border:1px solid rgba(151,191,255,.12);background:#ffffff05;padding:12px 14px;overflow-x:auto}.code-request code,.code-response code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;line-height:1.55;color:#dceaff;white-space:pre}.code-response{background:linear-gradient(180deg,#6ee7ff0a,#6ee7ff03),#ffffff05}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid var(--landing-border);background:#ffffff08;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#031120;background:linear-gradient(135deg,#b5f4ff,#70ebff)}.stat-value{margin:0;color:#f2f7ff;font-weight:700;font-size:1rem}.stat-label{margin:2px 0 0;color:var(--landing-muted);font-size:.86rem}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.id-card-panel,.ocr-panel{border-radius:20px;border:1px solid var(--landing-border);background:linear-gradient(180deg,#ffffff05,#fff0),#050a1394;padding:18px;box-shadow:inset 0 1px #ffffff08}.section-label{color:var(--landing-accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.section-title{margin:8px 0 0;color:#f4f8ff;font-size:1.35rem;letter-spacing:-.02em}.section-copy{margin:8px 0 0;color:var(--landing-muted);font-size:.95rem;line-height:1.55}.id-card-visual{margin-top:16px;border-radius:18px;padding:16px;border:1px solid rgba(151,191,255,.14);background:radial-gradient(140px 90px at 92% 12%,rgba(255,201,92,.16),transparent 80%),linear-gradient(145deg,#255c9d40,#0a1428cc)}.nid-image-frame{margin-top:16px;border-radius:18px;border:1px solid rgba(151,191,255,.14);background:radial-gradient(160px 100px at 92% 12%,rgba(255,201,92,.09),transparent 80%),linear-gradient(145deg,#255c9d29,#0a1428d1);padding:14px;display:flex;align-items:center;justify-content:center;min-height:300px}.nid-wireframe-image{width:100%;max-height:460px;object-fit:contain;display:block;border-radius:14px;filter:saturate(.94) contrast(1.04) brightness(.98);box-shadow:0 18px 40px #01050d47,0 0 0 1px #ffffff0f;background:#ffffff0a}.id-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.id-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ffffff1a;color:#e5f0ff;font-size:.7rem;font-weight:700;letter-spacing:.08em}.id-flag{width:34px;height:22px;border-radius:6px;background:radial-gradient(circle at 50% 50%,rgba(255,80,80,.9) 0 28%,transparent 30%),#2fb56b;border:1px solid rgba(255,255,255,.22)}.id-card-body{margin-top:14px;display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start}.id-avatar{width:88px;height:106px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#11243d;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.7),transparent 38%),linear-gradient(160deg,#d9ecff,#9fc0e5);border:1px solid rgba(255,255,255,.35)}.id-lines{display:flex;flex-direction:column;gap:8px;padding-top:2px}.id-line{height:9px;border-radius:99px;background:#deedff40;width:100%}.id-line-strong{width:88%;background:#ffffff73}.id-line-medium{width:72%}.id-line-short{width:54%}.id-card-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.id-barcode{display:inline-block;flex:1;min-width:110px;height:24px;border-radius:6px;background:repeating-linear-gradient(90deg,#fffffff2 0 2px,#fff3 2px 4px);opacity:.9}.id-number{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;color:#d6e7ff;font-size:.76rem;letter-spacing:.06em}.ocr-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.ocr-row{display:grid;grid-template-columns:minmax(120px,1fr) 1.4fr;gap:10px;align-items:center;border-radius:12px;border:1px solid rgba(151,191,255,.08);background:#ffffff05;padding:10px 12px}.ocr-key{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.77rem;color:#9ab4d7}.ocr-value{color:#f4f8ff;font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.ocr-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:2px 10px;border-radius:999px;color:#102013;background:linear-gradient(135deg,#86efac,#4ade80)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.app-shell{padding:14px}.header-panel{flex-direction:column;align-items:flex-start}}@media(max-width:1020px){.landing-shell{padding:16px}.hero-grid,.stats-strip,.showcase-grid{grid-template-columns:1fr}.hero-copy{padding:0 2px 8px}.hero-title{max-width:none}}@media(max-width:640px){.landing-nav{flex-direction:column;align-items:flex-start}.brand-logo-wrap{width:136px}.oauth-stack{flex-direction:column;align-items:stretch}.oauth-btn{width:100%;justify-content:flex-start}.ocr-row{grid-template-columns:1fr;gap:4px}.code-toolbar{flex-wrap:wrap;align-items:flex-start}.code-toolbar-main{width:100%}.api-doc-btn{margin-left:auto}.id-card-body{grid-template-columns:1fr}.id-avatar{width:100%;height:96px}.id-card-footer{align-items:flex-start}.nid-image-frame{min-height:220px;padding:10px}.nid-wireframe-image{max-height:360px}}@media(prefers-reduced-motion:reduce){.hero-copy,.code-card,.showcase-grid>*{animation:none}.oauth-btn,.api-doc-btn{transition:none}}