*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827;background:#fff}h1,h2{margin:0 0 .5rem;line-height:1.2}p{margin:0 0 1rem;color:#4b5563}a{text-decoration:none;color:#2563eb}a:hover{color:#1d4ed8}.container{max-width:1000px;margin:0 auto;padding:0 20px}.topbar{background:#eff6ff;border-bottom:1px solid #dbeafe;color:#1e40af;font-size:14px;text-align:center;padding:8px 0}.header{padding:32px 0 12px;text-align:center}.logo-wrap{width:128px;height:128px;margin:0 auto 12px;border-radius:999px;overflow:hidden;background:#fff;border:2px solid #e5e7eb;box-shadow:0 6px 18px #00000014}.logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card{background:linear-gradient(#fff,#fafafa);border:1px solid #e5e7eb;border-radius:16px;padding:28px;box-shadow:0 10px 30px #0000000d;text-align:center;margin-top:16px}.pills{display:flex;justify-content:center;gap:12px;margin:10px 0 16px;flex-wrap:nowrap}.pill{min-width:76px;padding:10px 14px;border-radius:12px;background:#f3f4f6;box-shadow:0 1px 2px #0000000d}.pill .val{font-size:22px;font-weight:700;color:#111827;display:block}.pill .lab{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#6b7280}.btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:10px;font-weight:600;border:1px solid transparent;box-shadow:0 6px 14px #0000000f}.btn.primary{background:#2563eb;color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.ghost{background:#fff;color:#111827;border-color:#d1d5db}.btn.ghost:hover{background:#f3f4f6}.about{text-align:justify;line-height:1.6;font-size:15px;color:#374151;max-width:650px;margin:0 auto 1.5rem;padding:0 12px}.footer{text-align:center;color:#6b7280;font-size:14px;padding:24px 0 32px}