r: pointer;
        transition: background-color 0.2s;
      }

      .theme-toggle:hover {
        background-color: var(--bg-secondary);
      }

      .theme-toggle svg {
        width: 1.25rem;
        height: 1.25rem;
        transition: transform 0.3s ease;
      }

      .theme-toggle.rotate-180 svg {
        transform: rotate(180deg);
      }

      /* Login card */
      .login-card {
        background-color: var(--card-bg);
        border-radius: 1rem;
        box-shadow: var(--card-shadow);
    