:root {
      --accent: #ffc300;
      --bg: #faf8f6;
      --card: #f3f1ed;
      --text: #181c22;
      --muted: #4a4a4a;
      --border: #e5e1d8;
      --ink: #0f2742;
      --radius: 16px;
      --shadow: 0 12px 36px rgba(24, 28, 34, 0.08);
      --max-w: 980px;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      font-family: Inter, system-ui, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.7;
      padding-top: 64px;
    }

    .wrap {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 56px 24px 64px;
    }

    .hero {
      background: linear-gradient(180deg, #ffffff 0%, var(--card) 100%);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 28px 28px 22px;
      margin-bottom: 20px;
    }

    .label {
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 0.72rem;
      font-weight: 800;
      color: #b98700;
      margin-bottom: 10px;
    }

    h1 {
      margin: 0;
      font-size: clamp(1.9rem, 3.6vw, 2.7rem);
      line-height: 1.2;
      color: var(--ink);
    }

    .hero p {
      margin: 12px 0 0;
      color: var(--muted);
    }

    .section {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 14px;
      box-shadow: 0 6px 22px rgba(24, 28, 34, 0.05);
      padding: 20px 22px;
      margin-top: 14px;
    }

    .section h2 {
      margin: 0 0 8px;
      font-size: 1.07rem;
      color: var(--ink);
    }

    .section p {
      margin: 0;
      color: var(--text);
    }

    .section p + p { margin-top: 10px; }

    .section ul {
      margin: 8px 0 0 20px;
      padding: 0;
    }

    .section li + li {
      margin-top: 8px;
    }

    .box {
      margin-top: 16px;
      background: #fff9e7;
      border: 1px solid #f3d88a;
      border-radius: 12px;
      padding: 12px 14px;
      color: #57471f;
      font-size: 0.92rem;
    }

    .footer-links {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 24px;
    }

    a {
      color: var(--ink);
      text-underline-offset: 2px;
    }