:root{
    --bg:#070B0F; --panel:#0D141A; --line:#1B2731;
    --text:#F2F7F9; --dim:#7C8C97;
    --mint:#37E2B0; --gold:#FFC53D;
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--bg); color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.65; -webkit-font-smoothing:antialiased;
  }
  a{color:var(--mint)}
  .wrap{max-width:760px; margin:0 auto; padding:56px 24px 80px}
  header{border-bottom:1px solid var(--line); padding-bottom:28px; margin-bottom:40px}
  .mark{
    font-size:13px; letter-spacing:.16em; text-transform:uppercase;
    color:var(--gold); font-weight:600; margin:0 0 10px
  }
  h1{font-size:clamp(28px,5vw,40px); line-height:1.2; margin:0 0 12px; letter-spacing:-.01em}
  .lede{font-size:18px; color:var(--dim); margin:0; max-width:56ch}
  h2{font-size:20px; margin:40px 0 12px; letter-spacing:-.01em}
  p{margin:0 0 16px}
  ul{margin:0 0 16px; padding-left:22px}
  li{margin-bottom:8px}
  .card{
    background:var(--panel); border:1px solid var(--line);
    border-radius:12px; padding:22px 24px; margin:28px 0
  }
  .card h2{margin-top:0}
  .note{font-size:15px; color:var(--dim)}
  footer{
    border-top:1px solid var(--line); margin-top:56px; padding-top:24px;
    font-size:14px; color:var(--dim)
  }
  footer a{color:var(--dim); text-decoration:underline}