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


    html, body {
      min-height: 100%;
      background: var(--bg);
      color: var(--text);
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      font-size: 13px;
      display: flex;
      flex-direction: column;
    }

    main {
      flex: 1;
      max-width: 600px; width: 100%;
      margin: 0 auto;
      padding: 32px 20px 72px;
      display: flex; flex-direction: column; gap: 32px;
    }

    .block-title {
      font-size: 10px; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase;
      color: var(--muted); margin-bottom: 10px;
    }

    h1 {
      font-size: 22px; font-weight: 700;
      line-height: 1.2; margin-bottom: 10px;
    }

    p { line-height: 1.75; color: var(--muted); }

    .divider {
      height: 1px; background: var(--bdr2);
    }

    .info-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px 32px;
    }

    .info-label {
      font-size: 10px; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      color: var(--muted); margin-bottom: 4px;
    }
    .info-value { font-size: 13px; color: var(--text); }

    a.info-value {
      color: var(--blul);
      text-decoration: none;
    }
    a.info-value:hover { text-decoration: underline; }

    footer {
      text-align: center; padding: 14px 20px;
      font-size: 11px; color: var(--muted);
      border-top: 1px solid var(--bdr2);
    }

    @media (max-width: 480px) {
      .info-grid { grid-template-columns: 1fr; gap: 16px; }
      h1 { font-size: 20px; }
    }