*{box-sizing:border-box}body{margin:0;background:#eff3f8;color:#17243b;font:16px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:24px}header{background:#142a49;color:white;border-radius:18px;padding:32px}h1{margin:0;font-size:2.5rem}section{background:white;padding:24px;border-radius:14px;margin:20px 0}form{max-width:420px}label{display:block;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #8c9bb0;border-radius:7px}button{background:#2459b7;color:white;border:0;padding:12px 20px;border-radius:8px;cursor:pointer}.badge{font-weight:700;color:#714600}.cards{display:flex;gap:16px;flex-wrap:wrap}article{background:#eef4ff;padding:20px;min-width:160px}strong{font-size:2rem}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #dde4ed}button:focus-visible,input:focus-visible{outline:3px solid #d99b12} @media(max-width:600px){main{padding:12px}header,section{padding:18px}h1{font-size:2rem}}