:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#122236;background:#f4f7f8;line-height:1.6}
*{box-sizing:border-box}body{margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1rem,5vw,4rem);background:#0c2438;color:white;border-bottom:1px solid #183c55}.brand{font-weight:800;font-size:1.45rem;color:white;text-decoration:none;letter-spacing:.01em}nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}nav a{color:#d9edf0;text-decoration:none;font-size:.95rem}nav a:hover,nav a:focus{text-decoration:underline}.page{max-width:960px;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1.25rem 4rem}article{background:white;border:1px solid #dbe5e8;border-radius:20px;padding:clamp(1.4rem,4vw,3rem);box-shadow:0 12px 35px rgba(12,36,56,.06)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:0 0 1.5rem;color:#0c2438}p{max-width:76ch}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:2rem}.card{display:flex;flex-direction:column;gap:.35rem;padding:1.2rem;border:1px solid #cbdcdf;border-radius:14px;text-decoration:none;color:#0c2438;background:#f8fbfb}.card:hover,.card:focus{border-color:#3a8f92;box-shadow:0 6px 18px rgba(12,36,56,.08)}.card span{color:#557080;font-size:.92rem}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem clamp(1rem,5vw,4rem);background:#0c2438;color:#cfe1e4;font-size:.9rem}footer a{color:#e5f4f5}@media(max-width:720px){.site-header{align-items:flex-start;flex-direction:column}nav{gap:.5rem .8rem}}