:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#ffffffde}a:hover{color:#535bf2}button{background-color:#1a1a1a}}.home-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;padding:24px 12px 12px}body{background-color:#e6f7ff;background:linear-gradient(135deg,#e6f7ff,#cfeeff 35%,#b1e1ff 65%,#dff6ff);background-attachment:fixed;background-repeat:no-repeat;color:#072238}.app-container{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.site-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 12px;text-align:center}.logo-link{display:inline-block;outline:none}.logo-link:focus{box-shadow:0 0 0 4px #066a731f;border-radius:16px}.branding{display:flex;flex-direction:row;align-items:center;gap:14px}.branding .logo-img{height:auto;max-height:84px;width:auto;display:block}@media(max-width:520px){.branding{flex-direction:column}.branding .logo-img{max-height:72px}}.site-header .logo-img{height:auto;max-height:240px;object-fit:contain;margin:0 auto 12px;display:block}.site-header .site-title{font-weight:700;color:#0b2545;font-size:24px;text-align:center}@media(min-width:900px){.site-header .site-title{font-size:28px}}@media(max-width:520px){.site-header .site-title{font-size:18px}}.home-hero{max-width:1100px;margin:10px auto 18px;display:grid;grid-template-columns:1fr 460px;gap:24px;align-items:center;padding:24px 18px}.home-hero .left{padding:6px;text-align:center}.home-hero h1{margin:6px auto 18px;font-size:36px;line-height:1.06;color:#072238;font-weight:900;text-align:center;max-width:820px}.home-hero p{color:#5f6b77;margin:10px auto 0;max-width:820px;font-size:17px;line-height:1.6}.hero-cta{display:flex;justify-content:center;margin-top:26px}.hero-cta .btn{background:#072238;color:#fff;padding:12px 22px;border-radius:10px;box-shadow:0 8px 26px #07223824;border:0;font-weight:700}.search-panel{display:flex;flex-direction:column;gap:12px}.input-title{font-weight:700;color:#12323b;margin-bottom:6px}.home-hero .card{padding:26px;border-radius:14px;background:#ffffffd1;box-shadow:0 8px 30px #0f283c14;border:1px solid rgba(11,37,69,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.id-input{padding:14px 16px;border-radius:12px;border:1px solid rgba(11,37,69,.08);font-size:15px;outline:none;width:100%;background:transparent;color:#072238}.id-input:focus{box-shadow:0 10px 30px #07223814;border-color:#1e7a6e}.id-input::placeholder{color:#9aa9b8}.view-btn{padding:12px 16px;border-radius:12px;background:#063248;color:#fff;border:0;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.view-btn{justify-content:center;text-align:center}.view-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #06324824}.hint{color:#6e7b87;font-size:14px}.home-footer{text-align:center;color:#6e7b87;padding:12px 6px}.input-row{display:flex;gap:12px;align-items:center}.input-row .btn{min-width:120px}@media(max-width:980px){.home-hero{grid-template-columns:1fr;padding:18px}.home-hero h1{font-size:36px}.home-hero p{font-size:16px}.input-row{flex-direction:column}.input-row .btn{width:100%}.site-header{padding:18px}.site-header .logo-img{max-height:180px}}@media(max-width:520px){.home-hero h1{font-size:26px}.home-hero p{font-size:15px}.site-header .logo-img{max-height:140px}}.selection-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;background:var(--card);border:1px solid var(--surface-border);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow);margin-bottom:20px;max-width:100%}.selection-bar img{width:64px;height:64px;object-fit:contain;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:#f8fbff;flex-shrink:0}.selection-bar .content{display:flex;flex-direction:column;justify-content:center}.selection-bar .content h4{margin:0;font-size:16px;color:#102a43}.selection-bar .content p{margin:4px 0 0;font-size:13px;color:var(--muted)}@media(max-width:600px){.selection-bar img{width:48px;height:48px}.selection-bar .content h4{font-size:15px}}:root{--bg: #ffffff;--card: #ffffff;--surface-border: #e6eef6;--muted: #6b7280;--text: #0b1220;--accent: #2563eb;--radius: 10px;--shadow: 0 1px 3px rgba(241, 245, 251, .06)}.details-root{background:var(--bg);min-height:100vh;padding:14px 12px;color:var(--text);display:flex;align-items:center;justify-content:center}.app-container{max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.details-header{display:flex;gap:16px;align-items:center;margin-bottom:20px}.logo-img{width:72px;height:72px;object-fit:contain}.title-block h2{margin:0 0 6px;font-size:20px}.title-block .meta{color:var(--muted);font-size:13px}.details-main{display:flex;flex-direction:column;gap:18px}.card{background:var(--card);border:1px solid var(--surface-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.product-top{display:flex;gap:18px;align-items:flex-start}.product-img{width:240px;height:240px;object-fit:contain;border-radius:8px;background:#f8fbff;border:1px solid rgba(0,0,0,.04);flex-shrink:0}.product-info h3{margin-top:0}.product-info p{color:var(--muted)}.product-info ul{margin:8px 0 0 16px}.tab-bar{display:flex;gap:8px;align-items:center;overflow-x:auto;background:linear-gradient(180deg,#0f172a05,#0f172a03);border-radius:12px;border:1px solid rgba(15,23,42,.04);padding:8px 10px}.tab-btn{background:#0f172a05;border:1px solid rgba(15,23,42,.04);padding:8px 14px;border-radius:12px;cursor:pointer;color:var(--muted);font-weight:700;position:relative;transition:color .16s ease,transform .12s ease,border-color .16s ease,background .16s ease;box-shadow:none}.tab-btn:hover{transform:translateY(-1px);color:var(--accent)}.tab-btn.active{color:var(--accent);background:linear-gradient(180deg,#2563eb0f,#2563eb08);border-color:#2563eb38;box-shadow:0 6px 18px #2563eb0f}.tab-btn.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2563ebf2,#2563eba6);opacity:.95}.tab-btn:focus{outline:none;box-shadow:0 0 0 4px #2563eb14;border-radius:999px}.tab-bar::-webkit-scrollbar{height:8px}.tab-bar::-webkit-scrollbar-thumb{background:#0f172a0f;border-radius:8px}.tab-bar{-ms-overflow-style:none;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.fade-in{animation:fadeIn .22s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.center{text-align:center}.back-link{color:var(--accent);text-decoration:none;font-weight:600}.back-link:hover{text-decoration:underline}.cert{padding:8px 0;border-bottom:1px dashed #eef4ff}@media(max-width:820px){.product-top{flex-direction:column;align-items:center}.product-img{width:200px;height:200px}.app-container{padding:0 8px}}@media(max-width:420px){.product-img{width:160px;height:160px}.logo-img{width:44px;height:44px}.title-block h2{font-size:18px}}:root{--bg-1: #f6fbff;--bg-2: #ffffff;--card: #ffffff;--muted: #5b718a;--accent: #2563eb;--glass: rgba(255,255,255,.7);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:transparent;color:#06203a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1100px;margin:18px auto;padding:10px}.site-header{display:flex;align-items:center;gap:18px;padding:12px 6px}.site-header .logo-img{height:92px;max-width:200px;border-radius:8px;object-fit:contain;box-shadow:0 6px 18px #2563eb1f}.site-title{font-size:42px;font-weight:800;color:#000;line-height:1;letter-spacing:.2px}.btn{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}.btn.secondary{background:transparent;border:1px solid #e6eefc;color:var(--accent)}.btn:active{transform:translateY(1px)}.card{background:#fff;border-radius:var(--radius);box-shadow:0 8px 30px #acc2ed0f;padding:18px}.center{display:flex;align-items:center;justify-content:center}.muted{color:var(--muted)}@media(max-width:720px){.app-container{margin:16px;padding:12px}.site-header .logo-img{width:52px;height:52px}.site-title{font-size:20px}}