:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#030712;color:#d1fae5;font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header,main,footer{max-width:680px;margin:0 auto;padding-left:20px;padding-right:20px}
header{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;padding-top:20px;padding-bottom:16px;border-bottom:1px solid rgba(16,185,129,.3)}
.brand{font:600 16px ui-monospace,Menlo,Consolas,monospace;color:#34d399;text-decoration:none}
nav a{margin-right:16px;font-size:15px}
nav a:last-child{margin-right:0}
a{color:#34d399}
a:focus-visible{outline:2px solid #fff;outline-offset:2px}
h1{font-size:30px;line-height:1.25;color:#6ee7b7;margin:32px 0 8px}
h2{font-size:21px;line-height:1.3;color:#34d399;margin:32px 0 4px}
p,ul{margin:12px 0}
.cta{display:inline-block;margin:12px 0;padding:10px 18px;border:1px solid #10b981;border-radius:12px;text-decoration:none;color:#6ee7b7}
.cta:hover{background:rgba(6,78,59,.6)}
footer{margin-top:48px;padding-top:20px;padding-bottom:40px;border-top:1px solid rgba(16,185,129,.3);font-size:14px;color:#059669}
footer a{color:#10b981}