:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #060B14; color: #E8EEF6; line-height: 1.65; }
.wrap { max-width: 760px; margin: 0 auto; padding: 48px 22px 80px; }
h1 { font-size: 2rem; font-weight: 800; background: linear-gradient(135deg,#38D6FF,#2980FF);
  -webkit-background-clip: text; background-clip: text; color: transparent; }
h2 { margin-top: 2.2em; font-size: 1.15rem; color: #8FEDFF; }
a { color: #38D6FF; text-decoration: none; } a:hover { text-decoration: underline; }
.muted { color: #93A3B8; font-size: .9rem; }
.nav { margin-bottom: 28px; font-size: .9rem; }
.nav a { margin-right: 16px; }
.card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; padding: 18px 20px; margin: 14px 0; }
ul { padding-left: 1.2em; }
.btn { display: inline-block; padding: 12px 22px; border-radius: 12px; font-weight: 700;
  background: linear-gradient(135deg,#38D6FF,#2980FF); color: #04121F; }