:root { --navy: #0a0f1e; --text: #fff; --muted: rgba(255,255,255,0.7); --dim: rgba(255,255,255,0.4); }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: var(--navy); color: var(--text); line-height: 1.8; -webkit-font-smoothing: antialiased; }
.container { max-width: 720px; margin: 0 auto; padding: 60px 24px 80px; }
h1 { font-size: 32px; font-weight: 800; margin-bottom: 8px; }
.date { color: var(--dim); font-size: 14px; margin-bottom: 40px; }
h2 { font-size: 20px; font-weight: 700; margin: 32px 0 12px; }
p, li { color: var(--muted); font-size: 16px; margin-bottom: 12px; }
ul { padding-left: 20px; }
a { color: #4a90d9; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { display: inline-block; margin-bottom: 32px; color: var(--dim); font-size: 14px; }
.important { background: rgba(255,149,0,0.1); border: 1px solid rgba(255,149,0,0.3); border-radius: 12px; padding: 16px 20px; margin: 20px 0; }
.important p { color: #ff9500; margin-bottom: 0; }