:root{
  --navy:#2a2c55; --gold:#ffdc40; --accent:#a55fec;
  --ink:#1c1c22; --body:#454552; --muted:#7a7a86;
  --card:#ffffff; --bg:#f2f2f4; --line:#e6e6ea;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.65;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
header{
  background:var(--navy); text-align:center; padding:52px 24px 44px;
}
header .logo{
  font-size:29px; font-weight:800; letter-spacing:-.02em; margin:0; color:#fafafa;
}
header .logo em{font-style:normal; color:var(--gold)}
header p, header h1{
  margin:9px 0 0; font-size:17px; font-weight:600; color:#fafafa; opacity:.88;
}
main{max-width:680px; margin:0 auto; padding:32px 20px 64px}
.card{
  background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:24px 28px; margin:0 0 20px;
}
.updated{color:var(--muted); font-size:14px; margin:0 0 22px; text-align:center}
h2{font-size:20px; margin:26px 0 8px; color:var(--ink)}
h2:first-child{margin-top:0}
h3{font-size:16px; margin:22px 0 4px}
p,li{font-size:16px; color:var(--body)}
ul{padding-left:20px; margin:8px 0}
li{margin:6px 0}
.email{display:inline-block; margin-top:6px; font-weight:600; font-size:17px}
.plans{list-style:none; padding:0; margin:10px 0 0}
.plans li{
  display:flex; justify-content:space-between; gap:16px;
  padding:10px 0; border-bottom:1px solid var(--line);
}
.plans li:last-child{border-bottom:0}
.plans b{font-weight:600; color:var(--ink)}
footer{text-align:center; padding:28px 20px 48px; color:var(--muted); font-size:14px}
footer a{color:var(--muted); font-weight:600}