*{box-sizing:border-box}body{color:#10233e;background:#f7f9fc;margin:0;font:16px Arial,sans-serif}header{color:#fff;background:#062d5c;justify-content:space-between;align-items:center;padding:18px max(24px,50% - 575px);display:flex}.brand,.brand>div,header>div{align-items:center;gap:10px;display:flex}.brand b{font-size:28px}.brand small{font-size:11px;display:block}main{max-width:1150px;margin:auto;padding:38px 24px}.hero{color:#fff;background:linear-gradient(120deg,#1262c5,#08a8bd);border-radius:24px;padding:48px}.hero span{gap:6px;display:inline-flex}.hero h1{max-width:730px;margin:18px 0 10px;font-size:48px}.search{background:#fff;border:1px solid #dde4ee;border-radius:16px;align-items:center;gap:10px;margin-top:24px;padding:16px;display:flex}.search input{border:0;outline:0;flex:1;font-size:16px}.search select{border:1px solid #ccd4df;border-radius:10px;padding:10px}.grid{gap:14px;margin-top:20px;display:grid}article{background:#fff;border:1px solid #dde4ee;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.avatar{color:#0752a5;background:#dbeafe;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:700;display:grid}.info{flex:1}.info h3{align-items:center;gap:7px;margin:0;display:flex}.info p{margin:5px 0}button{color:#fff;cursor:pointer;background:#0964c3;border:0;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-weight:700;display:flex}.icon{color:#123;background:#fff;border:1px solid #ccd4df}button:disabled{opacity:.35}.chat{background:#fff;border-radius:16px;width:320px;padding:20px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 50px #0003}footer{text-align:center;color:#64748b;background:#fff;border-top:1px solid #dde4ee;padding:26px}@media (width<=650px){header{align-items:flex-start}.hero{padding:30px 24px}.hero h1{font-size:36px}.search{flex-wrap:wrap}.search input{min-width:80%}article{flex-wrap:wrap}.info{min-width:65%}}