:root {
      color-scheme: dark;
      --bg-1: #071a3d;
      --bg-2: #06142e;
      --card: rgba(8, 24, 52, 0.88);
      --line: rgba(255,255,255,0.1);
      --text: #eef4ff;
      --muted: rgba(238,244,255,0.76);
      --accent: #d4945a;
      --accent-2: #1bb957;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Manrope, "Segoe UI", sans-serif;
      color: var(--text);
      background:
        radial-gradient(900px 420px at 18% 10%, rgba(67, 211, 122, 0.16), transparent 50%),
        radial-gradient(840px 360px at 82% 8%, rgba(212, 148, 90, 0.18), transparent 48%),
        linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
      min-height: 100vh;
    }
    .wrap {
      width: min(960px, calc(100% - 32px));
      margin: 0 auto;
      padding: 42px 0 56px;
    }
    .hero {
      display: grid;
      justify-items: center;
      gap: 14px;
      text-align: center;
      margin-bottom: 20px;
    }
    .hero img {
      width: min(420px, 88vw);
      height: auto;
      display: block;
    }
    .hero p {
      margin: 0;
      color: var(--muted);
      max-width: 680px;
      line-height: 1.5;
    }
    .card {
      border: 1px solid var(--line);
      border-radius: 20px;
      background: var(--card);
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(10px);
      padding: 24px;
    }
    h1, h2 {
      font-family: Sora, Manrope, "Segoe UI", sans-serif;
      margin: 0 0 12px;
      letter-spacing: -0.4px;
    }
    h1 { font-size: clamp(30px, 5vw, 46px); }
    h2 { font-size: clamp(22px, 3vw, 30px); margin-top: 28px; }
    p, li { color: var(--muted); line-height: 1.65; }
    a {
      color: #fff;
      text-decoration: none;
    }
    .actions {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 6px;
    }
    .btn {
      min-height: 44px;
      padding: 0 18px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255,255,255,0.12);
      font-weight: 700;
    }
    .btn.primary {
      background: linear-gradient(135deg, var(--accent), #e5b27a);
      color: #1a1a1a;
    }
    .btn.secondary {
      background: rgba(255,255,255,0.06);
    }
    ul { padding-left: 20px; }