:root{--violet:#8160FA;--yellow:#FFD23F;--ground:#140A30;--soft:#BCAEEE}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(#2A1668,#1A0E3F 45%,#140A30);min-height:100vh;color:#fff;
  font-family:ui-rounded,"SF Pro Rounded",-apple-system,"Segoe UI",system-ui,sans-serif;line-height:1.6;padding:34px 20px 80px}
main{max-width:720px;margin:0 auto}
.brand{font:800 26px/1 ui-rounded,"SF Pro Rounded",system-ui,sans-serif;letter-spacing:-.01em}
.brand b{color:var(--yellow)}
nav{margin-top:10px;font-size:14px}
nav a{color:var(--soft);margin-right:16px}
h1{font-size:34px;line-height:1.1;margin:30px 0 8px;font-weight:800}
h1 em{font-style:normal;color:var(--yellow)}
h2{font-size:20px;margin:30px 0 8px;font-weight:800}
p,li{color:#e4dcff;font-size:16.5px}
p{margin-top:10px}
ul{margin:10px 0 0 20px}
li{margin-top:6px}
a{color:var(--yellow)}
.lead{font-size:19px;color:#fff}
.card{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 18px;margin-top:14px}
.card b{display:block;font-size:18px;margin-bottom:2px}
.todo{background:#FFD23F;color:#2A1648;padding:1px 6px;border-radius:6px;font-weight:700}
small,.date{color:var(--soft);font-size:14px}
footer{margin-top:44px;color:var(--soft);font-size:14px}