:root{
  --brand:#0D8074; --navy:#0E211D; --ink:#0D1F1B; --muted:#66738C;
  --hairline:#E4E8EE; --surface:#F6F8FA; --paper:#FFFFFF;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--surface); color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.65;
  display:flex; flex-direction:column; min-height:100vh;
}
a{color:var(--brand)}
.wrap{flex:1; width:100%; max-width:720px; margin:0 auto; padding:48px 24px 72px}
.brand{display:inline-block; font-size:19px; font-weight:800; letter-spacing:-.4px;
       color:var(--navy); text-decoration:none; margin-bottom:36px}
.brand span{color:var(--brand)}
.card{background:var(--paper); border:1px solid var(--hairline); border-radius:18px;
      padding:38px 36px; box-shadow:0 10px 34px -22px rgba(14,33,29,.5)}
h1{font-size:30px; line-height:1.15; letter-spacing:-.8px; font-weight:800;
   color:var(--navy); margin:0 0 6px; text-wrap:balance}
.upd{margin:0 0 30px; font-size:13.5px; color:var(--muted)}
h2{font-size:17px; font-weight:700; color:var(--navy); letter-spacing:-.2px;
   margin:32px 0 8px}
h2:first-of-type{margin-top:0}
p,li{font-size:15px; color:var(--ink); margin:0 0 12px}
ul{margin:0 0 12px; padding-left:20px}
li{margin-bottom:6px}
strong{font-weight:650}
.note{margin:30px 0 0; padding-top:22px; border-top:1px solid var(--hairline);
      font-size:13.5px; color:var(--muted)}
.back{display:inline-block; margin-top:28px; font-size:14px; text-decoration:none}
footer{padding:0 24px 40px; text-align:center; font-size:13px; color:var(--muted)}
footer a{color:inherit}
@media (max-width:600px){ .card{padding:28px 22px} h1{font-size:25px} }