*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#1a1d24;background:#f7f8fa}
a{color:#2952e3;text-decoration:none}a:hover{text-decoration:underline}
header{background:#0f172a;color:#fff}header .w{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
header a{color:#cbd5e1;margin-left:18px}.logo{color:#fff!important;font-weight:800;font-size:20px;margin:0!important}.logo span{color:#60a5fa}
.w{max-width:1100px;margin:0 auto;padding:0 20px}.hero{padding:36px 0 18px}.hero h1{font-size:34px;margin:0 0 6px;letter-spacing:-.02em}.hero p{color:#475569;margin:0}
.bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.bar input,.bar select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;background:#fff}.bar input{flex:1;min-width:240px}.bar input[type=checkbox]{flex:none;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding-bottom:30px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.card:hover{border-color:#93c5fd;box-shadow:0 2px 10px #0f172a14}
.co{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.card h3{margin:0;font-size:17px;line-height:1.3}.card p{margin:0;color:#475569;font-size:14px}
.tags{display:flex;flex-wrap:wrap;gap:5px}.t{font-size:12px;padding:2px 8px;border-radius:99px;background:#eef2ff;color:#3730a3}.t.s{background:#ecfdf5;color:#065f46}.t.n{background:#fff7ed;color:#9a3412;font-weight:600}
.cta{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:10px 0 30px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cta h2{margin:0;font-size:19px}.cta form{display:flex;gap:8px;flex:1;min-width:280px}
.cta input{flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:8px}button{background:#2952e3;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;margin:28px 0}article h1{margin:4px 0 10px;font-size:28px;line-height:1.25}dl{display:grid;grid-template-columns:120px 1fr;gap:8px 12px}dt{color:#64748b}dd{margin:0}
footer{color:#64748b;font-size:13px;padding:26px 0;border-top:1px solid #e2e8f0}#count{color:#64748b;font-size:14px}