* { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      background: #EABB7D;
      color: #6F0022;
      line-height: 1.6;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 3rem 1rem;
    }
    a { color: inherit; }
    img { max-width: 100%; display: block; }
    .container {
      width: min(960px, 100%);
      margin: 0 auto;
      padding: 0 1.5rem;
      background: #FFFFFF;
      border-radius: 28px;
      box-shadow: 0 18px 36px rgba(111, 0, 34, 0.12);
    }
    .py-4 { padding-block: 1.5rem; }
    .app-icon { width: 84px; height: 84px; border-radius: 16px; object-fit: cover; border-width: 2px; border-style: solid; border-color: lightgray; }
    .store-badges {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 1.5rem;
    }
    .store-badge-link { display: inline-flex; justify-content: center; }
    .store-badge { width: 220px; height: auto; max-width: 100%; }
    .lang-switch a { margin-right: 12px; text-decoration: none; font-weight: 600; color: rgba(111, 0, 34, 0.7); transition: color 0.2s ease; }
    .lang-switch a:last-of-type { margin-right: 0; }
    .lang-switch a:hover { color: #CB1553; }
    .lang-switch a.active { color: #CB1553; text-decoration: underline; }
  .hero { padding: 48px 0; }
    .footer { color: rgba(111, 0, 34, 0.7); font-size: 0.95rem; margin-top: 48px; }
    .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

    .d-flex { display: flex; }
    .flex-column { flex-direction: column; }
    .flex-lg-row { flex-direction: column; }
    .flex-sm-row { flex-direction: column; }
    .justify-content-between { justify-content: space-between; }
    .justify-content-center { justify-content: center; }
    .align-items-start { align-items: flex-start; }
    .align-items-center { align-items: center; }
    .align-items-lg-center { align-items: flex-start; }
    .gap-3 { gap: 1rem; }
    .text-center { text-align: center; }
  .text-muted { color: rgba(111, 0, 34, 0.7); }
    .h4 { font-size: 1.5rem; font-weight: 600; margin: 0; }
    .h3 { font-size: 1.75rem; font-weight: 600; margin: 0; }
    .lead { font-size: 1.125rem; font-weight: 400; }
    .mb-0 { margin-bottom: 0; }
    .mb-3 { margin-bottom: 1rem; }
    .mb-4 { margin-bottom: 1.5rem; }
    .mt-4 { margin-top: 1.5rem; }

    header h1, header p { margin: 0; }

    @media (min-width: 576px) {
      .flex-sm-row { flex-direction: row; }
    }

    @media (min-width: 992px) {
      .flex-lg-row { flex-direction: row; }
      .align-items-lg-center { align-items: center; }
    }