:root{--paper:#0E7C7B;--paper-hi:#16A3A0;--paper-lo:#07403F;--sheet:#FFFFFF;--ink:#14201F;--muted:#5E6E6D;--rule:#D5DEDD;--accent:#0E7C7B;--link:#0B6A69}
@media (prefers-color-scheme: dark){:root{--paper:#0A5554;--paper-hi:#0F7371;--paper-lo:#021C1C;--sheet:#101817;--ink:#E7EFEE;--muted:#93A4A3;--rule:#26302F;--accent:#5FD3CF;--link:#5FD3CF}}
*{box-sizing:border-box}
html{background:var(--paper-lo)}
body{margin:0;min-height:100vh;color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  background:radial-gradient(ellipse 70% 55% at 50% 22%,var(--paper-hi) 0%,var(--paper) 45%,var(--paper-lo) 100%) fixed}
main{max-width:680px;margin:0 auto;padding:48px 16px 64px}
.sheet{background:var(--sheet);border-radius:22px;padding:28px 26px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45),0 8px 18px -8px rgba(0,0,0,.3)}
header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
header img{width:76px;height:76px;border-radius:17px;display:block}
header a{color:inherit;text-decoration:none}
h1{font-family:"Bricolage Grotesque",-apple-system,sans-serif;font-size:34px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.01em}
h2{font-family:"Bricolage Grotesque",-apple-system,sans-serif;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:30px 0 6px}
.sub{color:var(--muted);margin:4px 0 0;font-size:15px}
a{color:var(--link)}
.btn{display:inline-block;background:var(--accent);color:var(--sheet);text-decoration:none;font-weight:600;padding:10px 20px;border-radius:999px}
nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;padding-top:16px;border-top:1px solid var(--rule);font-size:15px}
ul{padding-left:22px}