 flex;
            align-items: center;
            gap: 1rem;
            font-weight: 500;
        }

        .mobile-menu a:hover {
            background-color: rgba(0, 216, 255, 0.1);
            color: #00d8ff;
            transform: translateX(5px);
        }

        .mobile-menu a i {
            width: 20px;
            text-align: center;
        }

        .mobile-auth-buttons {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-top: 1rem;
  