*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#172033}header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#102a43;color:#fff}header a{color:#fff;text-decoration:none}header span{display:block;font-size:12px;opacity:.8}main{max-width:1180px;margin:auto;padding:28px}.hero,.panel,article{background:#fff;border:1px solid #dde4ee;border-radius:18px;padding:22px;margin-bottom:18px}.hero{background:linear-gradient(135deg,#fff,#eef7f0)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#24724b}.notice{padding:12px;border-radius:12px;background:#fff7db;border:1px solid #efd991}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button,button{border:0;border-radius:999px;padding:10px 14px;background:#173f5f;color:#fff;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pack{padding:12px;margin:8px 0;border:1px solid #e0e6ef;border-radius:12px}.status{font-size:11px;font-weight:800;background:#e9f6ee;color:#1d6b43;border-radius:999px;padding:4px 8px}label{display:block;margin:10px 0}select{display:block;width:100%;padding:10px;border-radius:10px;border:1px solid #cfd8e3;margin-top:4px}pre{white-space:pre-wrap;background:#0f172a;color:#d9fbe8;padding:12px;border-radius:12px;min-height:90px;overflow:auto}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:14px;border-radius:14px;background:#f6f8fc;border:1px solid #e2e8f0}.card h3{margin-top:0}@media(max-width:800px){.grid,.cards{grid-template-columns:1fr}main{padding:16px}}