:root{--accent:#0b57d0;--bg:#f7f9fc;}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:#1f2937;background:var(--bg);}
.wrap{max-width:1000px;margin:auto;padding:0 20px;}
.hero{background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;}
.logo{height:100px;margin:15px 0;}
nav{display:flex;gap:20px;padding-bottom:15px;flex-wrap:wrap;}
nav a{text-decoration:none;color:var(--accent);font-weight:600;}
#content{background:white;padding:32px;border-radius:16px;margin:24px 0;box-shadow:0 2px 10px rgba(0,0,0,.05);}
#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;}
.card{background:white;padding:20px;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.card a{text-decoration:none;color:var(--accent);font-weight:600;}
a{color:var(--accent);text-decoration:none;}
#content a{font-weight:600;text-decoration:underline;}
img{max-width:100%;}
footer{padding:30px 20px;color:#6b7280;}
h1,h2,h3{line-height:1.2}