:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html,#root{margin:0;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}.logo{font-weight:700;text-decoration:none;color:#111}.nav a{margin-left:14px;text-decoration:none;color:#333}.container{padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{border:1px solid #eee;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;box-shadow:0 1px 4px #0000000a}.card img{width:100%;height:180px;object-fit:cover;display:block}.card .body{padding:12px}.hero img{width:100%;max-height:460px;object-fit:cover;border-radius:16px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.badge{padding:6px 10px;border:1px solid #ddd;border-radius:999px;font-size:12px;background:#fafafa}form label{display:block;margin:8px 0 4px}form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}form button{margin-top:12px;padding:10px 14px;border:0;border-radius:8px}.meta{display:flex;gap:12px;color:#666}