*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#1a1a2e;background:#f7f8fb}a{color:#3b5bdb}header,footer{background:#1a1a2e;color:#fff;padding:14px 20px}header a,footer a{color:#fff;text-decoration:none;margin-right:16px}header b{margin-right:24px}main{max-width:1000px;margin:auto;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:16px}.card h3{margin:0 0 6px}.tag{display:inline-block;font-size:12px;background:#e7ecff;color:#3b5bdb;border-radius:20px;padding:2px 10px}.hero{padding:30px 0}.hero h1{font-size:2rem;margin:0}table{width:100%;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid #e3e6ee;padding:8px;text-align:left;vertical-align:top;font-size:14px}.wrap{overflow-x:auto}form input{padding:10px;width:260px;max-width:100%;border:1px solid #ccc;border-radius:6px}button{padding:10px 16px;background:#3b5bdb;color:#fff;border:0;border-radius:6px}.muted{color:#667}