:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: #f8fbff; background: radial-gradient(circle at 50% 0, #1e3a8a, #091632 36rem, #050817); line-height: 1.65; }
main { width: min(92vw, 820px); margin: 0 auto; padding: 64px 0 88px; }
.brand { display: inline-flex; gap: 9px; align-items: center; color: #4fcfff; font-weight: 900; letter-spacing: .14em; text-decoration: none; }
h1 { margin: 22px 0 8px; font-size: clamp(2.1rem, 7vw, 3.8rem); line-height: 1.05; }
.updated { color: rgba(255,255,255,.5); }
article { margin-top: 34px; padding: clamp(22px, 5vw, 42px); border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: rgba(255,255,255,.07); box-shadow: 0 28px 90px rgba(0,0,0,.3); backdrop-filter: blur(20px); }
h2 { margin: 2rem 0 .55rem; color: #55dec5; font-size: 1.25rem; }
h2:first-child { margin-top: 0; }
a { color: #75caff; }
li { margin-bottom: .45rem; }
footer { margin-top: 30px; color: rgba(255,255,255,.5); text-align: center; }
footer a { margin: 0 8px; }