:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #070a18; color: #f7f8ff; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at top right, #281d5a 0, #070a18 34rem); }
main { width: min(760px, calc(100% - 36px)); margin: 0 auto; padding: 48px 0 72px; }
.brand { display: flex; align-items: center; gap: 12px; color: #34d7ff; font-weight: 800; letter-spacing: .02em; }
.mark { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, #34d7ff, #845bff); box-shadow: 0 8px 24px #845bff55; }
h1 { font-size: clamp(2.1rem, 8vw, 3.4rem); margin: 28px 0 8px; }
h2 { margin: 0 0 8px; font-size: 1.05rem; }
p, li { color: #b2b8d1; line-height: 1.65; }
.updated { color: #7c85aa; font-size: .9rem; margin-bottom: 28px; }
section { padding: 20px; margin: 14px 0; border: 1px solid #ffffff18; border-radius: 18px; background: #ffffff0b; }
a { color: #34d7ff; }
nav { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; }
footer { color: #7c85aa; font-size: .82rem; margin-top: 34px; }