/* ============================================
       FOOTER
       ============================================ */
    .footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      color: #e8b8b8;
      font-size: 11px;
      padding: 22px 6px 0;
      text-shadow: 0 1px 3px rgba(0,0,0,.7);
      animation: fadeUp .8s ease-out .6s both;
    }

    .footer-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #ffc0c0;
      font-weight: 700;
      white-space: nowrap;
    }

    .footer-status .live-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ff5f5f;
      box-shadow: 0 0 12px rgba(255,95,95,.9);
      animation: pulse 1.8s ease-in-out infinite;
    }