*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;color:#1d2433;background:#fafaf7;line-height:1.55}a{color:#0b5cad}header{background:#14324f;color:#fff;padding:14px 20px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}header a{color:#fff;text-decoration:none;font-weight:600}header .logo{font-size:20px;margin-right:auto}main{max-width:1050px;margin:0 auto;padding:24px 20px}.hero{background:#fff;border:1px solid #e3e3dc;border-radius:14px;padding:32px}.hero h1{font-size:34px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card{background:#fff;border:1px solid #e3e3dc;border-radius:12px;padding:16px}.card h3{margin:0 0 6px;font-size:17px}.tag{display:inline-block;background:#eef3f8;color:#14324f;border-radius:20px;padding:2px 9px;font-size:12px;margin:2px}.free{background:#e5f6ea;color:#16632f}.btn{display:inline-block;background:#f2a516;color:#1d2433;padding:10px 18px;border-radius:8px;font-weight:700;text-decoration:none;border:0;cursor:pointer}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}select,input{padding:9px;border-radius:8px;border:1px solid #ccc;font-size:15px}.note{font-size:13px;color:#666}pre{white-space:pre-wrap;background:#f1efe6;padding:14px;border-radius:8px}footer{text-align:center;color:#777;font-size:13px;padding:30px}.signup{background:#14324f;color:#fff;border-radius:14px;padding:22px;margin:26px 0}.signup input{width:260px}