:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101424;color:#f4f6ff}
body{margin:0}
main{max-width:56rem;margin:auto;padding:clamp(2rem,8vw,6rem) 1.5rem}
h1{font-size:clamp(2.5rem,7vw,4.5rem);margin:.2em 0}
p{color:#bec7df;line-height:1.55}
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin-top:2rem}
a{color:#b8cbff}
.card{display:block;background:#191f35;border:1px solid #414c6d;border-radius:1rem;padding:1.4rem;text-decoration:none;color:inherit}
.card:hover{border-color:#b8cbff;background:#222b48}
a:focus-visible{outline:3px solid #b8cbff;outline-offset:4px}
.card h2{margin:0}
.card p{margin-bottom:0}