*{box-sizing:border-box}body{margin:0;background:#eef4fb;color:#16263d;font:16px Arial,sans-serif}header{background:#0752a2;color:white;padding:24px max(20px,calc((100vw - 1100px)/2));display:flex;gap:25px;align-items:center;flex-wrap:wrap}header strong{font-size:28px}main{max-width:1100px;margin:35px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}article{background:white;border-radius:14px;padding:24px;margin-bottom:20px;box-shadow:0 5px 20px #153f6817}label{display:block;margin:14px 0;font-weight:600}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #becbdb;border-radius:7px;font:inherit}button{border:0;background:#0752a2;color:white;border-radius:7px;padding:11px 17px;cursor:pointer;font-weight:600}.secondary{background:#64748b}.bar{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse;margin:15px 0}td,th{border-bottom:1px solid #ddd;text-align:left;padding:12px} .error,.ok{padding:14px;border-radius:8px;background:#ffe3e3}.ok{background:#def5e6}footer{text-align:center;padding:30px;color:#5b708c}@media(max-width:600px){table{font-size:12px}td,th{padding:6px}}