:root{font-family:Segoe UI,Arial,sans-serif;color:#152d40;background:#f8fafb}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e3e8eb}.brand{font-size:32px;font-weight:800;letter-spacing:-1.5px}.brand span{color:#dc343b}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #4c91d6;outline-offset:4px}.back,footer a{font-weight:600}h1{font-size:32px;margin:12px 0}p{line-height:1.6;max-width:700px;color:#6f7b82}ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}li a{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #e3e8eb;background:white;border-radius:14px;height:100%}li a:hover{border-color:#102d46}li span{font-size:12px;color:#6f7b82}footer{font-size:14px}@media(max-width:760px){ul{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer{padding:18px}h1{font-size:26px}li a{padding:16px}}@media(max-width:400px){ul{grid-template-columns:1fr}}