:root{--red:#e51b23;--dark:#10151a;--text:#151a1f;--muted:#68717a;--light:#f5f6f7;--line:#e3e6e8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text)}a{text-decoration:none}.top{background:var(--dark);color:#fff;padding:10px 5%;font-size:13px;display:flex;justify-content:space-between}nav{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:5}.logo{font-size:21px;font-weight:900;color:#111}.logo small{display:block;font-size:10px;letter-spacing:3px;font-weight:500}.menu{display:flex;gap:28px}.menu a{color:#222;font-weight:700;font-size:14px}.menu .active,.menu a:hover{color:var(--red)}.btn{display:inline-block;background:var(--red);color:#fff;padding:12px 18px;border-radius:5px;font-weight:800}.pagehead{padding:70px 5%;background:linear-gradient(100deg,#10151a,#2b3136);color:#fff}.pagehead span{font-size:13px;font-weight:800;letter-spacing:1px}.pagehead h1{font-size:46px;margin:12px 0}.pagehead p{color:#d9dde0;font-size:18px}.section{padding:50px 5%}.filters{display:flex;gap:10px;margin-bottom:25px}.filter{border:1px solid var(--line);background:#fff;padding:11px 17px;border-radius:5px;font-weight:700;cursor:pointer}.filter.active{background:var(--red);color:#fff;border-color:var(--red)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.pic{height:210px;background:linear-gradient(135deg,#f0f1f2,#fff);display:flex;align-items:center;justify-content:center;font-size:75px}.body{padding:18px}.tag{font-size:11px;color:var(--red);font-weight:900}.body h3{font-size:19px;margin:8px 0}.body p{color:var(--muted);margin:5px 0 12px}.body b{font-size:13px}.body .btn{display:block;text-align:center;margin-top:16px}footer{background:var(--dark);color:#bbb;padding:25px 5%;font-size:13px}@media(max-width:850px){.menu{display:none}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.top{display:none}.grid{grid-template-columns:1fr}.pagehead h1{font-size:36px}}