:root{--brand-950:#071533;--brand-900:#0b1f4d;--brand-800:#12306b;--brand-700:#1f4d96}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(6px)}
.nav-link{font-weight:600;color:#334155}
.nav-link:hover{color:var(--brand-800)}
.nav-link.active{color:var(--brand-800)}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 6px 20px rgba(15,35,80,.08)}
.container{max-width:72rem;margin:0 auto;padding:0 1rem}
@media (min-width:640px){.container{padding:0 1.5rem}}
@media (min-width:1024px){.container{padding:0 2rem}}


/* layout polish */
main.container {max-width:72rem; margin:0 auto;}
main h1 {line-height:1.2; letter-spacing:-0.01em;}
main p {line-height:1.75;}
main .card {transition:transform .15s ease, box-shadow .15s ease;}
main .card:hover {box-shadow:0 10px 28px rgba(15,35,80,.12);}
section.card img {display:block; width:100%;}