:root{--night:#14112e;--deep:#221c48;--lav:#b98cff;--peach:#ffb38a;--cyan:#7fe0f0;--cream:#f6e7c8;--muted:#9a90c0}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--cream);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
main{max-width:720px;margin:0 auto;padding:18px 18px 60px}
.logo{font-weight:800;letter-spacing:.5px;color:var(--cream)}.logo b{color:var(--lav)}
h1{font-size:24px;color:var(--peach);margin:10px 0 2px}h2{font-size:18px;color:var(--cyan);margin:28px 0 6px}
.date{color:var(--muted);font-size:14px}a{color:var(--cyan)}li{margin:4px 0}
.box{background:var(--deep);border:2px solid #5b3f8f;padding:12px 14px;margin:14px 0}
.back{display:inline-block;margin-top:30px;color:var(--muted)}

footer.co { margin-top: 32px; padding-top: 12px; border-top: 1px solid currentColor; opacity: .7; font-size: 13px; }