*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#172033;font:14px Arial,sans-serif}.top{background:#fff;padding:12px 4%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:#1268a5}.logo{width:42px;height:42px;border-radius:10px;background:#1596a9;color:white;display:grid;place-items:center;font-weight:800}.brand small{display:block;color:#777;font-size:10px}.account{font-size:12px;color:#555}.account a{background:#1685d1;color:white;padding:9px 12px;border-radius:6px;text-decoration:none;margin-left:8px}.search{display:flex;background:#fff;padding:10px 5%;gap:0}.search input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px 0 0 6px}.search button{width:55px;background:#167bc1;color:white;border:0;border-radius:0 6px 6px 0}.popular{background:#fff;color:#777;padding:0 5% 10px;font-size:10px}nav{display:flex;overflow:auto;background:#075b9d;color:#fff;white-space:nowrap}nav a{color:white;text-decoration:none;padding:9px 12px;font-size:11px}.hero{height:205px;background:linear-gradient(90deg,#073b59aa,#0000),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1200&q=70') center/cover;display:flex;align-items:center;padding:25px;color:#fff}.hero h1{font-size:42px;margin:0 0 6px}.hero p{font-size:16px}.hero span{background:#ffffff22;border:1px solid #fff5;padding:8px 10px;border-radius:15px;font-size:11px}.cats{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;padding:12px}.cats a{background:white;border-radius:8px;padding:10px 4px;text-align:center;text-decoration:none;color:#24364b;box-shadow:0 1px 5px #00000010}.cats b{display:block;font-size:10px;margin-top:7px}.grid3,.grid2{display:grid;gap:10px;padding:0 12px 10px}.grid3{grid-template-columns:2fr 1fr 1.3fr}.grid2{grid-template-columns:1fr 1fr}.panel{background:#fff;border-radius:9px;padding:12px;margin-bottom:10px;box-shadow:0 2px 10px #0000000b}.panel h2{font-size:17px;margin:0 0 12px}.panel h2 a{float:right;font-size:9px;color:#1873b9}.panel em{font-size:9px;color:#e11;font-style:normal}.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stats b{background:#f1f6fb;padding:10px;font-size:18px;color:#1970aa}.stats small{display:block;color:#777;font-size:9px;font-weight:normal;margin-top:3px}.panel ul{padding-left:18px;line-height:2;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.card{border:1px solid #e4e9ef;border-radius:8px;overflow:hidden}.card img{width:100%;height:90px;object-fit:cover}.card div{padding:8px}.tag{color:#0874ae;font-size:9px}.card h3{font-size:13px;margin:7px 0}.card p{font-size:10px;color:#697586}.card button,.panel form button{background:#1685d1;color:#fff;border:0;padding:8px 11px;border-radius:5px}.job,.prop{padding:10px;border-bottom:1px solid #eee}.job b,.prop b{display:block}.job small,.prop small{color:#777}.job button{float:right}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.miniGrid div,.offer{background:#f4f7fb;padding:14px;border-radius:7px}.offer{display:inline-block;margin:4px}.panel form{display:grid;gap:9px}.panel input,.panel textarea,.panel select{padding:11px;border:1px solid #ccd5df;border-radius:6px}.panel textarea{min-height:80px}#msg{color:#178345;font-size:12px}footer{text-align:center;padding:25px;background:#0b4674;color:white}@media(max-width:800px){.top{padding:9px}.account{font-size:9px}.hero{height:168px}.hero h1{font-size:32px}.cats{grid-template-columns:repeat(4,1fr)}.grid3,.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.cards .card:nth-child(n+5){display:none}nav a{padding:9px 8px}.search{padding:8px 4%}.popular{padding:0 4% 8px}}