:root{ --blue:#0056a3; --blue2:#003d73; --yellow:#ffd700; --bg:#f8f9fa; --ink:#232323; --muted:#6b7280; }
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--blue2);text-decoration:none}
.kb-header{background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 18px}
.kb-header .brand a{color:#fff;font-weight:800;font-size:20px}
.kb-header .brand a::first-letter{color:var(--yellow)}
.kb-header nav a{color:#fff;margin-left:12px;font-weight:700}
.kb-container{max-width:1100px;margin:18px auto;padding:0 16px}
.kb-hero{background:#e9f2ff;padding:36px 20px;text-align:center;border-radius:12px}
.kb-hero h2{margin:0 0 8px;color:var(--blue)}
.kb-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.kb-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,.06);padding:14px;width:calc(33.333% - 10px);min-width:260px}
.kb-card .kb-card-img{
  display:block;
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:8px;
  margin-bottom:10px;
  background:#eef5ff;
}

.kb-card h3{margin:0 0 6px;color:var(--blue)}
.muted{color:var(--muted);font-size:13px}
.price{color:#0b7b2c;font-weight:800;margin:6px 0 8px}
.price.big{font-size:18px}
.btn{display:inline-block;background:var(--yellow);color:var(--blue2);font-weight:800;border:0;border-radius:8px;padding:8px 12px}
.kb-footer{background:var(--blue2);color:#fff;text-align:center;padding:12px;margin-top:28px}
.kb-form label{display:block;margin-bottom:10px}
.kb-form input, .kb-form select, .kb-form textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px}
.kb-alert{background:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:10px;border-radius:8px;margin:10px 0}
.notice{background:#fff8db;border:1px dashed #eab308;padding:10px 12px;border-radius:8px;color:#6b5800;font-size:14px;margin:10px 0}
.reveal{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:10px;margin:10px 0}
@media (max-width: 860px){ .kb-card{width:100%} }