:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  background: #080b18;
  color: #f5f7ff;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 82% -10%, rgba(239, 57, 163, 0.28), transparent 32rem),
    radial-gradient(circle at 8% 10%, rgba(31, 194, 255, 0.22), transparent 28rem),
    #080b18;
}

main { max-width: 820px; margin: 0 auto; padding: 72px 24px 96px; }

.brand { color: #e4a8ff; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.06em; }
h1 { font-size: clamp(2.1rem, 7vw, 3.7rem); margin: 18px 0 12px; line-height: 1.1; }
h2 { margin-top: 42px; font-size: 1.25rem; }
p, li { color: #c9d1e9; font-size: 1.05rem; line-height: 1.8; }
a { color: #75d8ff; }
.lead { max-width: 620px; font-size: 1.2rem; }
.card { margin-top: 22px; padding: 22px 24px; border: 1px solid rgba(172, 193, 255, 0.2); border-radius: 18px; background: rgba(13, 20, 43, 0.72); }
.meta { color: #91a0c6; font-size: 0.9rem; }
nav { display: flex; gap: 18px; margin-top: 34px; }
footer { margin-top: 56px; color: #91a0c6; font-size: 0.9rem; }