*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Georgian",sans-serif;color:#102d27;background:#fff}header{height:72px;display:flex;align-items:center;padding:8px 3.5%;gap:25px;position:relative;z-index:20;background:#fff}.brand{display:flex;align-items:center;gap:12px;min-width:340px}.brand b{font-size:20px}.brand b span{color:#c89312}.brand i{font-style:normal}.brand small{display:block;font-size:11px;margin-top:4px}.logo{width:52px;height:52px;background:#064c39;color:#d6a31b;border:2px solid #d6a31b;transform:rotate(45deg);display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:0 1px 4px #777}.logo::first-line{transform:rotate(-45deg)}nav{display:flex;gap:27px;align-items:center;flex:1;justify-content:center}nav a{color:#102d27;text-decoration:none;font-size:14px;white-space:nowrap}nav a:hover{color:#bd8b08}.langs{display:flex;gap:4px}.langs button{border:0;background:transparent;font-size:20px;padding:2px;cursor:pointer}.add,.project button,.submit{border:0;background:#08754c;color:#fff;padding:12px 17px;border-radius:4px;font-weight:700;cursor:pointer;white-space:nowrap}.hero{height:370px;position:relative;background:url("hero.jpg") center 55%/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 27%,rgba(255,255,255,.08) 60%)}.heroText{position:absolute;left:7%;top:55px}.heroText h1{font-size:48px;margin:0;font-weight:800}.heroText h2{font-size:38px;margin:3px 0 13px;color:#08754c;font-style:italic}.heroText p{font-weight:600}.searchbox{position:absolute;left:7%;bottom:25px;width:66%;background:#fff;border-radius:5px;box-shadow:0 5px 18px #0002}.tabs{display:flex}.tab{border:0;background:#fff;padding:13px 28px;cursor:pointer;font-weight:700}.tab.active{background:#08754c;color:#fff}.filters{display:grid;grid-template-columns:1.1fr 1fr .8fr 1.2fr .8fr}.filters select,.filters button{min-height:50px;border:1px solid #eee;padding:0 14px;background:#fff}.filters button{background:#d49a0a;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 6%;border-bottom:1px solid #eee;gap:20px}.benefits div{font-size:26px}.benefits b,.benefits small{font-size:14px;display:block;margin-left:40px;margin-top:-24px}.benefits small{color:#777;margin-top:5px}.wrap{padding:18px 3.5%}.wrap h3{font-size:23px}.categories,.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat,.card{border:1px solid #e4e4e4;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 2px 7px #0000000b;cursor:pointer}.cat img{width:100%;height:105px;object-fit:cover}.cat div{padding:10px}.cat b,.cat small{display:block}.cat small{color:#777;margin-top:4px}.card{position:relative}.card img{width:100%;height:150px;object-fit:cover}.card .tag{position:absolute;left:8px;top:8px;background:#d99d0b;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px}.card .info{padding:10px}.card h4{font-size:19px;margin:0 0 8px}.card b,.card small{display:block;margin:5px 0}.card small{color:#6e7471}.empty{text-align:center;padding:25px;display:none}.project{margin:0 3.5% 20px;height:120px;background:url("project.jpg") center/cover;border-radius:6px;display:flex;align-items:center;padding:25px}.project h3{font-size:22px;margin:0 0 7px}.project p{margin:0 0 12px}footer{background:#004a3a;color:#fff;padding:25px 4%;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.foot{min-width:0}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:50;place-items:center}.modal.show{display:grid}.modal form{width:min(430px,90vw);background:#fff;padding:28px;border-radius:10px;position:relative}.modal input{width:100%;padding:13px;margin:7px 0;border:1px solid #ddd;border-radius:5px}.x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}
@media(max-width:900px){header{height:auto;flex-wrap:wrap}.brand{min-width:250px}nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.hero{height:520px}.searchbox{width:86%}.filters{grid-template-columns:1fr 1fr}.categories,.cards{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr 1fr}.langs{margin-left:auto}.heroText h1{font-size:38px}.heroText h2{font-size:30px}}
@media(max-width:520px){.categories,.cards{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.searchbox{bottom:15px}.hero{height:650px}.brand b{font-size:16px}.logo{width:44px;height:44px}.add{padding:10px}.project{height:170px}footer{grid-template-columns:1fr}}