:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  background: #09111b;
  color: #f7f8fc;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 85% 5%, rgba(46, 76, 169, .55), transparent 36rem),
    radial-gradient(circle at 80% 90%, rgba(0, 118, 111, .26), transparent 32rem),
    radial-gradient(circle at 5% 70%, rgba(89, 40, 114, .22), transparent 28rem),
    #09111b;
}
a { color: #9eb2ff; }
.shell { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 12vh 0 80px; }
.shell.compact { padding-top: 64px; }
.mark {
  display: grid; place-items: center; width: 84px; height: 84px; border-radius: 26px;
  font-size: 46px; color: #84f0c6; background: linear-gradient(145deg, #263a70, #103c3e);
  border: 1px solid rgba(158,178,255,.42); box-shadow: 0 20px 60px rgba(35,56,143,.28);
}
.brand { margin: 24px 0 0; color: #fff; font-size: 1.15rem; font-weight: 800; letter-spacing: -.01em; }
.eyebrow { margin: 34px 0 12px; color: #84f0c6; font-size: 13px; font-weight: 800; letter-spacing: .16em; }
h1 { margin: 0; max-width: 680px; font-size: clamp(48px, 9vw, 88px); line-height: .96; letter-spacing: -.055em; }
.compact h1 { font-size: clamp(42px, 7vw, 68px); }
.lead { max-width: 650px; margin: 30px 0; color: rgba(247,248,252,.66); font-size: clamp(20px, 3vw, 28px); line-height: 1.45; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; }
.actions a { padding: 14px 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; text-decoration: none; font-weight: 700; }
.actions .primary { background: #9eb2ff; color: #09111b; }
.back { display: inline-block; margin-bottom: 32px; text-decoration: none; }
.updated { color: rgba(247,248,252,.52); margin: 14px 0 34px; }
.card { margin: 18px 0; padding: 24px; border-radius: 24px; background: rgba(17,25,39,.78); border: 1px solid rgba(255,255,255,.11); backdrop-filter: blur(18px); }
.card h2 { margin: 0 0 10px; font-size: 21px; }
.card p { margin: 0; color: rgba(247,248,252,.68); line-height: 1.65; }
@media (max-width: 520px) { .shell { padding-top: 70px; } .card { padding: 20px; border-radius: 20px; } }