:root {
    --blue: #1d4ed8;
    --blue-deep: #1e3a8a;
    --blue-soft: #eaf0ff;
    --ink: #0a0f1f;
    --ink-2: #1a1f2e;
    --gray-900: #0f172a;
    --gray-700: #334155;
    --gray-500: #64748b;
    --gray-400: #94a3b8;
    --gray-300: #cbd5e1;
    --gray-200: #e2e8f0;
    --gray-100: #f1f5f9;
    --gray-50:  #f8fafc;
    --bg: #ffffff;
    --navy: #0a1530;
    --navy-2: #0e1c40;
    --line: #e8ecf3;
    --btn-gradient: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);
    --btn-gradient-hover: linear-gradient(135deg, #1e3a8a 0%, #0e1c40 100%);
  }

  .container { max-width: 1240px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 2; }

  @media (max-width: 768px) {
    .container { padding: 0 24px; }
  }
  @media (max-width: 560px) {
    .container { padding: 0 18px; }
  }

  .info-table { width: 100%; border-collapse: collapse; }
  .info-table tr { border-bottom: 1px solid var(--line); }
  .info-table tr:first-child { border-top: 1px solid var(--line); }
  .info-table th {
    text-align: left; font-weight: 600; color: var(--gray-700);
    font-size: 13.5px;
    padding: 22px 0; width: 130px;
    vertical-align: top;
  }
  .info-table td {
    padding: 22px 0; font-size: 13.5px; color: var(--ink);
    line-height: 1.85;
  }

  @media (max-width: 560px) {
    .info-table th, .info-table td { font-size: 12px; padding: 14px 8px; line-height: 1.7; }
    .info-table th { width: 100px; }
  }