* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      min-height: 100vh;
      font-family: Arial, sans-serif;
      background: linear-gradient(180deg, #f8f4ef 0%, #f3ede6 100%);
      color: #2f2a26;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
    }

    .card {
      width: 100%;
      max-width: 680px;
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid rgba(0, 0, 0, 0.06);
      border-radius: 24px;
      padding: 48px 32px;
      text-align: center;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
      backdrop-filter: blur(8px);
    }

    .brand {
      font-size: 14px;
      letter-spacing: 0.35em;
      text-transform: uppercase;
      margin-bottom: 18px;
      color: #8b7662;
    }

    h1 {
      font-size: clamp(36px, 6vw, 64px);
      font-weight: 700;
      letter-spacing: 0.04em;
      margin-bottom: 16px;
    }

    .subtitle {
      font-size: 18px;
      line-height: 1.7;
      max-width: 520px;
      margin: 0 auto 28px;
      color: #5e544c;
    }

    .tag {
      display: inline-block;
      padding: 10px 18px;
      border-radius: 999px;
      background: #2f2a26;
      color: #ffffff;
      font-size: 14px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 32px;
    }

    .note {
      font-size: 15px;
      line-height: 1.8;
      color: #6c625a;
      max-width: 500px;
      margin: 0 auto;
    }

    .footer {
      margin-top: 36px;
      font-size: 13px;
      color: #8b8179;
    }

    @media (max-width: 600px) {
      .card {
        padding: 36px 22px;
        border-radius: 18px;
      }

      .subtitle {
        font-size: 16px;
      }
    }