@font-face{font-family:"Sora";src:url("fonts/Sora-latin.woff2") format("woff2");font-weight:100 800;font-display:swap}
:root{--bg:#021a3a;--surface:#03234d;--fg:#ffffff;--fg-2:#a9cde0;--accent:#48cae4;--accent-hover:#ade8f4}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
header,main,footer{max-width:46rem;margin:0 auto;padding:1.25rem 1rem}
header img{display:block;height:auto;width:min(16rem,70%)}
h1,h2{font-family:"Sora",system-ui,sans-serif;line-height:1.2}
h1{font-size:clamp(1.75rem,5vw,2.5rem);margin:1.5rem 0 .5rem}
h2{font-size:1.35rem;margin:2rem 0 .5rem}
p,li{color:var(--fg-2)}
a{color:var(--accent)}
a:hover{color:var(--accent-hover)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
footer{border-top:1px solid var(--surface);margin-top:2rem;font-size:.9rem}
footer a{margin-right:1rem}